Chocolate is a medium, saturated shade in the brown color family, with a warm feel. Its HEX code is #D2691E, which equals rgb(210, 105, 30) in RGB and hsl(25, 75%, 47%) in HSL. In print terms it converts to roughly C0 M50 Y86 K18, although exact CMYK results depend on the paper and color profile.
- HEX
#D2691E - RGB
210, 105, 30 - HSL
25°, 75%, 47% - CMYK
0, 50, 86, 18 - Family
Brown - Tone
Medium, saturated
About Chocolate
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 5.78:1. Its complementary color is #1E87D2.
Download Chocolate as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Chocolate color codes
| HEX | #D2691E |
|---|---|
| RGB | rgb(210, 105, 30) |
| HSL | hsl(25, 75%, 47%) |
| HSV | 25°, 86%, 82% |
| CMYK | 0%, 50%, 86%, 18% |
| Decimal | 13789470 |
Shades and tints of Chocolate
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8E6DA - 100
#F0CDB4 - 200
#E9B48F - 300
#E19B69 - 400
#DA8244 - 500
#D2691E - 600
#AF5819 - 700
#8C4614 - 800
#69350F - 900
#46230A - 950
#231205
Color harmonies for Chocolate
- Complementary
#1E87D2≈ Medium Dark Bright Capri - Analogous −30°
#D21E2D≈ Cardinal - Analogous +30°
#D2C31E≈ Medium Dark Bright Yellow - Triadic +120°
#1ED269≈ Soft Malachite - Triadic +240°
#691ED2≈ Medium Dark Bright Violet - Split 150°
#1ED2C3≈ Soft Teal - Split 210°
#1E2DD2≈ Medium Dark Bright Royal
Contrast and accessibility of Chocolate
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Chocolate | Aa | 3.63:1 | AA Large only |
| Black text on Chocolate | Aa | 5.78:1 | AA (good) |
CSS code for Chocolate
background-color: #D2691E;color: #D2691E;background-color: rgb(210, 105, 30);background-color: hsl(25, 75%, 47%);:root { --color-chocolate: #D2691E; }class="bg-[#D2691E]"Colors similar to Chocolate
- Medium Dark Bright Orange
#C16B15 - Bright Persimmon
#E66B19 - Soft Persimmon
#CC7033 - Soft Cinnabar
#CC6133 - Medium Dark Bright Persimmon
#C15A15 - Medium Dark Orange
#D66B00 - Medium Dark Bright Tangerine
#C17C15 - Bright Cinnabar
#E65719 - Bronze
#CD7F32 - Soft Vermilion
#CC5233 - Soft Orange
#CC8033 - Copper
#B87333
More brown shades
- Burly Wood
#DEB887 - Tan
#D2B48C - Peru
#CD853F - Saddle Brown
#8B4513 - Beige
#F5F5DC - Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000
Frequently asked questions
What is the HEX code for Chocolate?
The HEX code for Chocolate is #D2691E.
What is the RGB value of Chocolate?
Chocolate has an RGB value of 210, 105, 30 (rgb(210, 105, 30)). In HSL it is 25°, 75%, 47%.
What text color should I use on Chocolate?
Use black text on Chocolate. White text has a contrast ratio of 3.63:1 and black text has 5.78:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Chocolate?
The complementary color of Chocolate is #1E87D2. Analogous colors #D21E2D and #D2C31E also pair well.