Chocolate hex code
The hex code for chocolate is #D2691E. In RGB that is rgb(210, 105, 30) and in HSL it is hsl(25, 75%, 47%).
The hex code for chocolate is #D2691E. In RGB that is rgb(210, 105, 30) and in HSL it is hsl(25, 75%, 47%).
Chocolate · #D2691E
Colour codes
- HEX
- #D2691E
- RGB
- rgb(210, 105, 30)
- HSL
- hsl(25, 75%, 47%)
- CMYK
- 0, 50, 86, 18
- CSS name
- chocolate
- Contrast on white
- 3.63:1
- Contrast on black
- 5.78:1
Tints and shades
20% lighter · #db874b
40% lighter · #e4a578
60% lighter · #edc3a5
80% lighter · #f6e1d2
20% darker · #a85418
40% darker · #7e3f12
60% darker · #542a0c
80% darker · #2a1506
Complementary colour
Chocolate · #D2691E
Opposite on the colour wheel · #1e87d2
Frequently asked questions
What is the hex code for chocolate?
The hex code for chocolate is #D2691E. In RGB that is rgb(210, 105, 30) and in HSL it is hsl(25, 75%, 47%).
Can I use chocolate for text?
It has a contrast ratio of 3.63:1 on white and 5.78:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with chocolate?
Its complementary colour, opposite on the colour wheel, is #1E87D2. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of chocolate instead.
Is chocolate a CSS colour name?
Yes. CSS accepts the keyword chocolate, so color: chocolate and color: #D2691E render exactly the same.