#D8CB6B#D8CB6B

#D8CB6B is a very light, moderate yellow. Relative luminance 0.584; OKLCH L 83.3% C 0.119 H 101.7°. Best body text is #000000 at 12.67:1 contrast (WCAG AA passes).

Color values

HEX#D8CB6B
RGBrgb(216, 203, 107)
HSLhsl(53, 58%, 63%)
HSVhsv(53, 50%, 85%)
CMYKcmyk(0%, 6%, 50.5%, 15.3%)
CIE-LABlab(80.95, -8.07, 49.05)
CIE-LCHlch(80.95, 49.71, 99.34°)
OKLaboklab(83.3% -0.024 0.1162)
OKLCHoklch(83.3% 0.119 101.7)
XYZxyz(52.3302, 58.3741, 22.4179)
Luminance0.5837 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D8CB6B #6B78D8
analogous
#D8946B #D8CB6B #AED86B
triadic
#D8CB6B #6BD8CB #CB6BD8
tetradic
#D8CB6B #6BD894 #6B78D8 #D86BAE
square
#D8CB6B #6BD894 #6B78D8 #D86BAE
split-complementary
#D8CB6B #6BAED8 #946BD8
monochromatic
#9F912A #CBBA3B #D8CB6B #E5DC9B #F2EDCC

Accessibility & contrast

On white

1.66
#D8CB6B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.67
#D8CB6B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D8CB6B
12.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D8CB6B#FFFFFF#000000##000000
##D8CB6B1.001.6612.6712.67
#FFFFFF1.661.0021.0021.00
#00000012.6721.001.001.00
##00000012.6721.001.001.00

Color blindness preview

Protanopia (red-blind)
#DAC662
Deuteranopia (green-blind)
#DECC6F
Tritanopia (blue-blind)
#E6BFB5
Achromatopsia (no color)
#C9C9C9

Design tokens & code

CSS
--color: #d8cb6b;
/* rgb */ color: rgb(216, 203, 107);
/* oklch */ color: oklch(83.3% 0.119 101.7);
Tailwind
colors: {
  custom: {
    50: '#e6da97',
    500: '#d8cb6b',
    950: '#000000',
  },
}
SCSS
$custom: #d8cb6b;
$custom-light: #e6da97;
$custom-dark: #000000;
JSON
{
  "hex": "#d8cb6b",
  "rgb": {
    "r": 216,
    "g": 203,
    "b": 107
  },
  "hsl": {
    "h": 52.844,
    "s": 58.289,
    "l": 63.333
  },
  "oklch": {
    "l": 0.83296,
    "c": 0.11863,
    "h": 101.7
  },
  "luminance": 0.58372
}

Semantic roles & 50–950 ramp

primary
#D8CB6B
secondary
#4450A3
accent
#33C620
background
#FEFEFC
surface
#FDFBF5
border
#D5D4CF
text
#16140E
muted
#84837F

Preview Lab

Preview with #D8CB6B

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#D8CB6B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva