Chocolate Color – #d2691e: Codes and Complete Breakdown

Cocoa powder, not dark chocolate bar; the CSS “chocolate” color leans warm cinnamon rather than deep brown. Chocolate color (#d2691e) carries an instant sense of comfort and appetite. Bakery packaging, coffee shops, and cozy layouts all camp here.

Chocolate color

Chocolate Color Shades

Complementary colors

  1. #D2691E

  2. #1E87D2

Triadic colors

  1. #D2691E

  2. #1ED269

  3. #691ED2

Tints or lighter colors

  1. #E48440

  2. #EAA16C

  3. #F0BD99

  4. #F7DAC5

  5. #FDF7F2

Darker colors

  1. #A65318

  2. #793C11

  3. #4C260B

  4. #201005

Analogous colors

  1. #D21E87

  2. #D21E2D

  3. #D2691E

  4. #D2C31E

  5. #87D21E

Monochromatic colors

  1. #9C4608

  2. #C75C10

  3. #E77523

  4. #E79256

  5. #EAB086

#d2691e

Chocolate Color Codes and Information

Here’s a complete breakdown of the color Chocolate, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#d2691e
RGBrgb(210,105,30)
HSLhsl(25,75%,47.1%)
CMYK0, 50, 86, 18
HSV25, 86, 82
RGB %82, 41, 12
XYZ31.9, 23.9, 4.2
LAB56, 37.2, 56.5
Color CategoryDark
Color FamilyPeach/Orange
Saturation86%
TemperatureWarm
Contrast Ratio Againt White (#ffffff)3.63 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)5.78 (passes WCAG AA)

Related Color Shades