What is the HEX code for Chocolate?

The HEX code for Chocolate is #D2691E.

What is the RGB value for Chocolate?

Chocolate uses RGB values 210,105,30.

Can I use Chocolate directly in CSS?

Yes. You can use the named CSS color chocolate, the HEX value #D2691E, or rgb(210,105,30).

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.

Open in color picker Check contrast

Bruns

#D2691E

rgb(210,105,30)

HEX

#D2691E

RGB

rgb(210,105,30)

HSL

hsl(25,75%,47%)

CSS name

chocolate

How 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

Related HTML colors

Maroon

Brown

SandyBrown

Tan