Search Colors

Cocoa Brown Color

HEX #D2691E / RGB (210, 105, 30)

Cocoa pods

What is Cocoa Brown Color?

Cocoa Brown (Hex code: D2691E) Thumbnail

Cocoa Brown has the hex code #D2691E. The equivalent RGB values are (210, 105, 30), which means it is composed of 61% red, 30% green and 9% blue. The CMYK color codes, used in printers, are C:0 M:50 Y:86 K:18. In the HSV/HSB scale, Cocoa Brown has a hue of 25°, 86% saturation and a brightness value of 82%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Cocoa brown is a deep orange color representative of the color of medium ripe cocoa pods. The color is exactly the same as chocolate of the X11 and web color lists.

Download Cocoa Brown Solid Color Background

Cocoa Brown Color Codes

Hex Code#D2691E
RGB Values(210, 105, 30)
CMYK Values(0%, 50%, 86%, 18%)
HSV/HSB Values(25°, 86%, 82%)
Closest Web Safe#CC6633
Inverse Color#2D96E1 [Bleu De France]
Closest Pantone®1595 C
Closest RAL2010 [Signal orange]
Complementary Color#1E87D2 [Cyan Cornflower Blue]
Cocoa Brown Converted to Grayscale Codes
Simple Average#737373
Weighted Average (Most Common)#808080
Weighted Average (Luma)#7A7A7A
Weighted Average (Gamma Adjusted)#B2B2B2

Cocoa Brown Color Palettes

Complementary color palette of D2691E. Complementary color is 1E87D2

Complementary Palette

The complement of Cocoa Brown is Cyan Cornflower Blue with the hex code #1E87D2. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #D2691E color is offered by #1E87D2. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

D2691E 1E87D2
Analogous color palette with (D2691E, D2C31E and D21E2D)

Analogous Palette

The analogous colors of Cocoa Brown (#D2691E) are Urobilin (#D2C31E) and Amaranth Red (#D21E2D). In the RGB color wheel, these two analogous colors occur to the right and left of Cocoa Brown with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

D2691E D2C31E D21E2D
Split Complementary color palette with (D2691E, 1ED2C3 and 1E2DD2)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Cocoa Brown (#D2691E) are #1ED2C3 (Maximum Blue Green) and #1E2DD2 (Palatinate Blue). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

D2691E 1ED2C3 1E2DD2
Triadic color palette with (D2691E, 1ED269 and 691ED2)

Triadic Palette

Cocoa Brown triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #1ED269 (UFO Green) and #691ED2 (Blue-Violet) along with #D2691E create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

D2691E 1ED269 691ED2
Tetradic color palette with (D2691E, 1ED269, 1E87D2 and D21E87)

Tetradic Palette

The tetradic palette of Cocoa Brown has four colors - #1ED269 (UFO Green), #1E87D2 (Cyan Cornflower Blue) and #D21E87 (Vivid Cerise) in addition to the base color (#D2691E). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

D2691E 1ED269 1E87D2 D21E87
Square color palette with (D2691E, 2DD21E, 1E87D2 and C31ED2)

Square Palette

Cocoa Brown square color palette has #2DD21E (Lime Green), #1E87D2 (Cyan Cornflower Blue) and #C31ED2 (Steel Pink). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

D2691E 2DD21E 1E87D2 C31ED2
Rainbow color

Cocoa Brown Color Rainbow Palette

Our Cocoa Brown rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

D2691E A1D21E 1ED236 1ED2D0 1E3AD2 9C1ED2 D21E6D

Tints, Tones & Shades of Cocoa Brown Color


  • Transparent DB874BDB874B
  • Transparent E09662E09662
  • Transparent E4A578E4A578
  • Transparent E9B48FE9B48F
  • Transparent EDC3A5EDC3A5
  • Transparent F2D2BCF2D2BC
  • Transparent F6E1D2F6E1D2
  • Transparent FBF0E9FBF0E9


  • Transparent C26E32C26E32
  • Transparent B9703BB9703B
  • Transparent B17245B17245
  • Transparent A9754FA9754F
  • Transparent A17759A17759
  • Transparent 997963997963
  • Transparent 907B6C907B6C
  • Transparent 887E76887E76


  • Transparent A85418A85418
  • Transparent 934A15934A15
  • Transparent 7E3F127E3F12
  • Transparent 69350F69350F
  • Transparent 542A0C542A0C
  • Transparent 3F20093F2009
  • Transparent 2A15062A1506
  • Transparent 150B03150B03

Cocoa Brown Color Patterns

  • Transparent

    Cocoa Brown Gingham Checks

  • Transparent

    Cocoa Brown Vertical Stripes Pattern

  • Transparent

    Cocoa Brown Polka Dots Pattern

  • Transparent

    Cocoa Brown Honeycomb Pattern

  • Transparent

    Cocoa Brown Leaves Pattern

  • Transparent

    Cocoa Brown Houndstooth Pattern

  • Transparent

    Cocoa Brown Trellis Pattern

  • Transparent

    Cocoa Brown Plaid Pattern

Cocoa Brown Color Interior Ideas

Pretty Photo frame on Cocoa Brown color drawing room interior textured wall

Cocoa Brown Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Cocoa Brown color Living room wal color

Cocoa Brown Color Living Room Wall Paint Idea

Pretty Photo frame on Cocoa Brown color Bedroom interior wall color

Cocoa Brown Color Bedroom Wall Paint Idea

Pretty Photo frame on Cocoa Brown color kitchen interior wall color

Cocoa Brown Color Kitchen Wall Paint Idea

Photo credits: