Chocolate#D2691E
Chocolate Hex Code: #D2691E
Chocolate is a medium, moderately saturated orange. Its OKLCH lightness is 63% and chroma 0.155. Text on this color reads best in black (contrast 5.78:1).
| HEX | #D2691E |
|---|---|
| RGB | rgb(210, 105, 30) |
| HSL | hsl(25, 75%, 47%) |
| HSV / HSB | hsv(25, 86%, 82%) |
| CMYK | cmyk(0%, 50%, 86%, 18%) |
| OKLCH | oklch(63.4% 0.155 50.3) |
Contrast
White text3.63:1
AAAA largeAAA
Black text5.78:1
AAAA largeAAA
On white3.63:1
AAAA largeAAA
On black5.78:1
AAAA largeAAA
Tints
#D67732Bronze#DA8447Peru#DE925B#E29F6F#E6AD83#EABA98#EEC8AC#F2D5C0Apricot#F6E3D4Champagne#FBF0E8LinenShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #D2691E; |
|---|---|
| Tailwind | bg-[#d2691e] |
| SwiftUI | Color(red: 0.824, green: 0.412, blue: 0.118) |
| Android | Color.parseColor("#D2691E") |
| Flutter | Color(0xFFD2691E) |
Chocolate is a CSS named color (chocolate); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for chocolate?
Chocolate is #D2691E in hex and rgb(210, 105, 30) in RGB.
What is chocolate in CMYK?
With the plain conversion formula it is cmyk(0, 50, 86, 18). For print, convert with your printer's ICC profile instead.
What text color works on chocolate?
Black text has the higher contrast at 5.78:1, which passes WCAG AA for normal text (4.5:1).