What is the hex code for Chocolate?

The hex code for Chocolate is #D2691E. In RGB that is rgb(210, 105, 30), and in HSL it is hsl(25, 75%, 47%).

What RGB values make Chocolate?

Chocolate is 210 red, 105 green, and 30 blue, written as rgb(210, 105, 30).

Chocolate scores 3.63:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: chocolate directly in CSS, which every browser resolves to #D2691E.

#D2691E

Chocolate is an orange tone at #D2691E. It sits at 25 degrees on the color wheel with 75% saturation and 47% lightness.

Color values

Tints mix Chocolate with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#F6E1D2

Tint 60%

#EDC3A5

Tint 40%

#E4A578

Tint 20%

#DB874B

Base

#D2691E

Shade 20%

#A85418

Shade 40%

#7E3F12

Shade 60%

#542A0C

Shade 80%

#2A1506

On white

Sample text

3.63:1

Large text only

On black

Sample text

5.78:1

Passes AA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Chocolate?: The hex code for Chocolate is #D2691E. In RGB that is rgb(210, 105, 30), and in HSL it is hsl(25, 75%, 47%).
What RGB values make Chocolate?: Chocolate is 210 red, 105 green, and 30 blue, written as rgb(210, 105, 30).
Is Chocolate readable as text on a white background?: Chocolate scores 3.63:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Chocolate a valid CSS color name?: Yes. You can write color: chocolate directly in CSS, which every browser resolves to #D2691E.