CSS named color
Chocolate
#D2691E
HEX
#d2691eRGB
rgb(210, 105, 30)HSL
hsl(25, 75%, 47%)OKLCH
oklch(63.44% 0.1550 50.27)NAME
chocolatePalette
Complementary
180° on the color wheelComplement
#1E87D2
Analogous
±30° around the base hueLeft
#D21E2D
Right
#D2C31E
Triadic
±120° for harmonic contrastTriad 1
#1ED269
Triad 2
#691ED2
Shades
Lighter and darker variantsCSS usage
By name
color: chocolate;
background-color: chocolate;By HEX
color: #d2691e;
background-color: #d2691e;By RGB
color: rgb(210, 105, 30);
background-color: rgb(210, 105, 30);By HSL
color: hsl(25, 75%, 47%);
background-color: hsl(25, 75%, 47%);WCAG contrast vs white
Aa
3.63:1
AA (large text)
WCAG contrast vs black
Aa
5.78:1
AA
Related colors
FAQ — Chocolate
What is the HEX code for Chocolate?
The HEX code for Chocolate is #D2691E. It's one of the 148 named CSS colors and can be used directly in CSS as color: chocolate; or color: #d2691e;
What is Chocolate in RGB?
Chocolate in RGB is rgb(210, 105, 30) — red 210, green 105, blue 30.
What is Chocolate in HSL?
Chocolate in HSL is hsl(25, 75%, 47%) — hue 25°, saturation 75%, lightness 47%.
What is the complementary color of Chocolate?
The complementary color (directly opposite Chocolate on the color wheel) is #1E87D2. The two together produce maximum contrast.
Is white text readable on Chocolate?
The WCAG contrast ratio against white (#FFFFFF) is 3.63:1, and against black (#000000) it's 5.78:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.