- No data uploaded
- Instant results
Chocolate — #D2691E
Chocolate is the CSS named colour chocolate, hex #D2691E. It has a contrast ratio of 3.63:1 on white and 5.78:1 on black — best used as text on dark backgrounds.
Chocolate — #D2691E
Contrast on white 3.63:1 · on black 5.78:1
Tints
Shades
Complementary
Triadic
Analogous
Using Chocolate in code
CSS: color: chocolate; or color: #D2691E; · Tailwind: text-[#D2691E] · Android/Flutter: 0xFFD2691E
Chocolate colour harmonies
Complementary: #1E87D2 · Triadic: #1ED269, #691ED2 · Analogous: #D21E2D, #D2C31E. Use tints for backgrounds and shades for hover states.
Chocolate in every colour format
| Format | Value |
|---|---|
| HEX | #D2691E |
| RGB | rgb(210, 105, 30) |
| HSL | hsl(25, 75%, 47%) |
| HSV | hsv(25, 86%, 82%) |
| CMYK | cmyk(0%, 50%, 86%, 18%) |
| CSS name | chocolate |
| Contrast on white | 3.63:1 |
| Contrast on black | 5.78:1 |
Frequently asked questions
What is the hex code for Chocolate?
#D2691E (CSS name: chocolate).
What is Chocolate in RGB?
rgb(210, 105, 30)
What colour goes well with Chocolate?
Its complementary colour #1E87D2, or the analogous #D21E2D and #D2C31E.