Colormapped
Color reference

Chocolate #D2691E

Chocolate is the standard CSS named color #D2691E, a medium warm orange-brown.

Chocolate is the CSS named color keyword chocolate, standardized at #D2691E in sRGB.

Chocolate #D2691E 5.78:1 with black text

Color values

HEX#D2691E
RGBrgb(210, 105, 30)
HSLhsl(25 75% 47%)
HSV25°, 86%, 82%
CMYK0%, 50%, 86%, 18%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 5.78:1 — AA normal text passes
White text 3.63:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white passes.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Chocolate

These steps are computed by RGB-mixing #D2691E toward white or black. They are generated values, not official named colors.

80% tint #F6E1D2
60% tint #EDC3A5
40% tint #E4A578
20% tint #DB874B
Base #D2691E
20% shade #A85418
40% shade #7E3F12
60% shade #542A0C
80% shade #2A1506

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: chocolate;
}

You can use either chocolate or #D2691E in CSS; both resolve to the same sRGB color.