A complete guide to Cocoa Brown (#d2691e) covering color values, harmonies, shades, meaning, and practical uses across design, branding, and everyday visuals.
Cocoa Brown (#D2691E) is a balanced orange. It features RGB values of (210, 105, 30), HSL settings of (25°, 75%, 47%), and a CMYK profile of (0%, 50%, 86%, 18%). In the color spectrum, it sits between Flag Red (#CE2029) and Citrine (#E4D00A), bridging the gap with its distinct tone. Against Palatinate Blue (#273BE2), #D2691E leans richer, marked by its distinct tonal shift.
For complementary designs, combine it with Amaranth Red (#D3212D), Urobilin (#E1AD21), and Robins Egg Blue (#1FCECB) to achieve a cohesive look; however, shades such as UFO Green (#3CD070), Iris (#5D3FD3), or Cyan Cornflower Blue (#188BC2) tend to contrast sharply with it, creating visual tension. In professional settings, #D2691E is frequently applied in branding, signage, and high-visibility designs.

Cocoa Brown (#D2691E) is a warm, medium brown with rich reddish-orange undertones. It conveys comfort, vitality, and approachability. The color evokes chocolate, autumn leaves, and natural wood, blending energy with grounded warmth. In psychology, Cocoa Brown (#D2691E) promotes security, friendliness, and resilience. Warm brown tones encourage connection and reassurance. Spiritually, rich earth tones like this symbolize grounding, nourishment, and support, helping balance physical energy with emotional stability. In design, Cocoa Brown (#D2691E) is used in interiors, fashion, and branding to create warmth, richness, and visual appeal. Its vibrancy adds character while remaining approachable. The color communicates natural elegance, energy, and practical sophistication.
Accurate conversions of Cocoa Brown (#d2691e) across RGB, Hex, CMYK, HSL, and Lab ensure consistent color fidelity across digital, print, and design applications.
Detailed RGB and CMYK values of Cocoa Brown (#d2691e) displayed in a horizontal bar provide clear reference for digital and print color accuracy.
A full range of Cocoa Brown (#d2691e) variations, including tints, shades, and tones, provides highlights, depth, and subtle desaturated options for UI design.
Harmonious color schemes for Cocoa Brown (#d2691e) created using the color wheel ensure visually balanced palettes.
Colors adjacent on the color wheel (30° apart)
Colors opposite on the color wheel (180° apart)
Three colors using one base hue and the two hues beside its opposite
Three colors evenly spaced (120° apart)
Four colors forming a rectangle on the wheel
Four colors evenly spaced (90° apart)
Four colors formed from two base hues and the colors next to their opposites
Variations of a single hue
Luminance contrast ratios for Cocoa Brown (#d2691e) against standard backgrounds ensure readable, accessible text following Contrast Checker and WCAG 2.1 AA/AAA standards.
Sample Text
This is how your text will look with these colors.
Simulated views of Cocoa Brown (#d2691e) for different color vision deficiencies help identify potential confusion using the Color Blindness Simulator.
Note: These simulations are approximations. Actual color vision deficiency varies by individual.
Sample Text
Sample Text
High-resolution seamless patterns featuring Cocoa Brown (#d2691e) provide ready-to-use backgrounds, wallpapers, and print designs for any project.
A collection of popular icons in Cocoa Brown (#d2691e) offers ready-to-use visuals for interfaces, designs, and creative projects.
Real-world mockups of Cocoa Brown (#d2691e) showcase its versatility across fashion, interiors, branding, and product packaging.
A curated set of tools to help apply, analyze, and manage colors effectively in your projects
Frequently asked questions about Cocoa Brown (#d2691e) color meaning, symbolism, and applications. Click on any question to expand detailed answers.