Chocolate #D2691E

Chocolate#D2691E · rgb(210, 105, 30)

Chocolate color codes

CSS namechocolate
HEX#D2691E
RGBrgb(210, 105, 30)
HSLhsl(25, 75%, 47%)
CMYKcmyk(0%, 50%, 86%, 18%)
Decimal13789470

Shades of Chocolate (darker)

#BD5F1B · #A85418 · #934A15 · #7E3F12 · #69350F · #542A0C · #3F2009 · #2A1506 · #150B03

Tints of Chocolate (lighter)

#D77835 · #DB874B · #E09662 · #E4A578 · #E9B48F · #EDC3A5 · #F2D2BC · #F6E1D2 · #FBF0E9

Color harmonies

Complementary
#1E87D2
Triadic
#1ED269, #691ED2
Analogous
#D21E2D, #D2C31E

Accessibility (WCAG contrast)

White text on Chocolate3.63:1 · AA large text only
Black text on Chocolate5.78:1 · AA

Use Chocolate in code

.element {
  color: chocolate;          /* or #d2691e */
  background-color: rgb(210 105 30 / 0.5);
}

Frequently asked questions

What is the hex code for Chocolate?

Chocolate is #D2691E in HEX, rgb(210, 105, 30) in RGB and hsl(25, 75%, 47%) in HSL.

Can I use "chocolate" directly in CSS?

Yes. "chocolate" is one of the 148 standard CSS named colors, so color: chocolate; works in every browser.

Is Chocolate readable on white?

The contrast ratio of Chocolate on white is 3.63:1 (WCAG AA large text only). On black it is 5.78:1 (AA).

What is the complementary color of Chocolate?

The complementary color (opposite on the color wheel) is #1E87D2.

Similar colors

Dark Goldenrod#B8860BPeru#CD853FSienna#A0522DGoldenrod#DAA520Tomato#FF6347Indian Red#CD5C5CDark Orange#FF8C00Orange Red#FF4500

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.