Chocolate color values
| Format | Value |
|---|---|
| Hex | #D2691E |
| RGB | rgb(210, 105, 30) |
| HSL | hsl(25, 75%, 47%) |
| HSV | 25, 86%, 82% |
| CMYK (simple conversion) | 0%, 50%, 86%, 18% |
| Decimal | 13789470 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Chocolate
Chocolate is a warm, medium dark brown with distinct orange and red undertones. It closely mimics the appearance of milk chocolate or cocoa powder. Food industry branding and autumn themed designs rely on this color to evoke comfort and richness. It is one of the 148 CSS named colors.
Shades and tints of Chocolate
Tints mix Chocolate with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #D77835 | #BD5F1B |
| 20% | #DB874B | #A85418 |
| 30% | #E09662 | #934A15 |
| 40% | #E4A578 | #7E3F12 |
| 50% | #E9B48F | #69350F |
Color harmony for Chocolate
These colors keep the same saturation and lightness as Chocolate and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #1E87D2 |
| Analogous | #D21E2D #D2C31E |
| Triadic | #1ED269 #691ED2 |
| Split complementary | #1ED2C3 #1E2DD2 |
Contrast and accessibility
Contrast between #D2691E and white is 3.63:1 (large text only). Against black it is 5.78:1 (passes AA). For text on a Chocolate background, black text is the more readable choice.
Use Chocolate in CSS
.element {
color: chocolate;
background-color: #D2691E;
border-color: rgb(210 105 30);
outline-color: hsl(25 75% 47%);
}All four lines produce exactly the same color. The keyword chocolate is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- darkgoldenrod: #B8860B
- peru: #CD853F
- Sienna: #A0522D
- goldenrod: #DAA520
FAQ
What is the hex code for Chocolate?
The hex code for Chocolate is #D2691E. As a CSS color keyword you can also write chocolate.
What is Chocolate in RGB?
Chocolate is rgb(210, 105, 30): red 210, green 105, blue 30 on the 0 to 255 scale.
What color is closest to Chocolate?
Of the CSS named colors, darkgoldenrod (#B8860B) is the closest match to Chocolate, followed by peru and sienna.
More colors
- Chartreuse: previous page
- Coral: next page
- CSS named colors: the full list