Codes & values
- Color Name
Chocolate - Color ID
KDF-C-13789470 - HEX
#D2691E - RGB
rgb(210, 105, 30) - RGBA
rgba(210, 105, 30, 1) - HSL
hsl(25, 75%, 47%) - HSLA
hsla(25, 75%, 47%, 1) - HSV / HSB
hsv(25, 86%, 82%) - CMYK
cmyk(0%, 50%, 86%, 18%) - Light / Dark
mid
Quick answers
- What is the HEX code for Chocolate?
- #D2691E
- What is Chocolate RGB?
- rgb(210, 105, 30)
- What is Chocolate HSL?
- hsl(25, 75%, 47%)
- What is Chocolate CMYK?
- cmyk(0%, 50%, 86%, 18%)
What is Chocolate?
Chocolate is a curated orange family color at #D2691E. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Chocolate HEX code
The HEX code for Chocolate is #D2691E. Paste it into CSS as color: #D2691E; or background-color: #D2691E;. Design tools accept the same six-digit value without the # prefix (d2691e).
Chocolate RGB
Chocolate in RGB is rgb(210, 105, 30) (channels R 210, G 105, B 30). Use RGB when you need opacity via rgba(210, 105, 30, 1).
Chocolate HSL & HSV
HSL is hsl(25, 75%, 47%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(25, 86%, 82%), closer to how many digital pickers expose hue, saturation, and brightness.
Chocolate CMYK
Approximate CMYK for Chocolate is cmyk(0%, 50%, 86%, 18%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Chocolate
Darker shades (mixed toward black): #AF5819, #8C4614, #69350F, #46230A, #231105. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Chocolate
Lighter tints (mixed toward white): #DA8244, #E19B69, #E9B48F, #F0CDB4, #F8E6DA. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Chocolate
Complementary pairing: #D2691E, #1E87D2. Analogous neighbors: #D21E2D, #D2691E, #D2C31E. Triadic accents: #D2691E, #1ED269, #691ED2. Always check text contrast when pairing.
Chocolate color combinations
A practical combo: primary #D2691E, complementary accent #1E87D2, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #D2691E, #1ED2C3, #1E2DD2.
Chocolate in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Chocolate in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 3.63:1 (better as a large accent or background than small body text); vs black 5.78:1.
Frequently asked questions
- What is the HEX code for Chocolate?
- Chocolate: #D2691E.
- What is Chocolate RGB?
- Chocolate: rgb(210, 105, 30).
- What is Chocolate HSL?
- Chocolate: hsl(25, 75%, 47%).
- What is Chocolate CMYK?
- Chocolate: cmyk(0%, 50%, 86%, 18%).
- What colors go with Chocolate?
- Try complementary #D2691E, #1E87D2 or analogous #D21E2D, #D2691E, #D2C31E.
- Is Chocolate good for text on white?
- Not ideal for small body text (3.63:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.63:1 (prefer large accent or background). Contrast vs black: 5.78:1. Complementary swatch: #D2691E, #1E87D2.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK