HTML named color
Chocolate color code
Use the Chocolate HTML color with HEX #D2691E, RGB 210,105,30 and HSL 25,75%,47%. Copy CSS examples, shades and accessible contrast combinations.
Bruns
#D2691E
rgb(210,105,30)
HEX
#D2691ERGB
rgb(210,105,30)HSL
hsl(25,75%,47%)OKLCH
oklch(63.4% 0.155 50.3)CSS name
chocolateHow to use this color
Chocolate can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-chocolate {
color: #D2691E;
}
.bg-chocolate {
background-color: chocolate;
}
.border-chocolate {
border-color: rgb(210,105,30);
}Shades palette
#2D1606#653410#9F531D#D4712B#DC9765#E8BEA1#F4E3D7