Chocolate in OKLCH

Chocolate is the warm, mid-brown CSS named color #D2691E. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(63.4% 0.155 50.3)

HEX#D2691E

RGBrgb(210 105 30)

sRGB: in gamutDisplay-P3: in gamut

#D2691E

oklch(63.4% 0.155 50.3)

Lightness63.4%

Chroma0.155

Hue50.3°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(63.4% 0.155 50.3)

HEX

#D2691E

RGB

rgb(210 105 30)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 3.63:1

AA ✗AAA ✗

APCA Lc 63

Aa on blackWCAG 5.78:1

AA ✓AAA ✗

APCA Lc 38

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.106 50.3);
  --color-brand-100: oklch(94.0% 0.110 50.3);
  --color-brand-200: oklch(88.0% 0.119 50.3);
  --color-brand-300: oklch(80.0% 0.130 50.3);
  --color-brand-400: oklch(70.0% 0.144 50.3);
  --color-brand-500: oklch(62.0% 0.155 50.3);
  --color-brand-600: oklch(54.0% 0.144 50.3);
  --color-brand-700: oklch(46.0% 0.133 50.3);
  --color-brand-800: oklch(38.0% 0.122 50.3);
  --color-brand-900: oklch(30.0% 0.110 50.3);
  --color-brand-950: oklch(22.0% 0.099 50.3);
}

About chocolate

Chocolate is a rich orange-brown that reads as warm, cozy and natural, which suits food, coffee and rustic branding. It sits at a mid lightness with warm chroma, so the tonal scale climbs to caramel tints and drops to deep cocoa shades. Hold the hue and sweep lightness for the ramp, then copy the OKLCH, HEX or RGB value.

Chocolate in CSS: oklch(63.4% 0.155 50.3) · #d2691e · rgb(210 105 30)

Frequently Asked Questions

Chocolate is rgb(210, 105, 30). The RGB, HEX (#D2691E) and OKLCH values are all shown in the readouts above and can be copied individually.

It is a warm orange-brown. Its OKLCH hue sits in the orange range, but its moderate lightness and chroma give it the cocoa-brown feel the name suggests.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker