#C8DCAB#C8DCAB

#C8DCAB is a very light, moderate yellow-green. Relative luminance 0.664; OKLCH L 86.7% C 0.069 H 125.8°. Best body text is #000000 at 14.28:1 contrast (WCAG AA passes).

Color values

HEX#C8DCAB
RGBrgb(200, 220, 171)
HSLhsl(84, 41%, 77%)
HSVhsv(84, 22%, 86%)
CMYKcmyk(9.1%, 0%, 22.3%, 13.7%)
CIE-LABlab(85.20, -15.16, 21.91)
CIE-LCHlch(85.20, 26.64, 124.68°)
OKLaboklab(86.7% -0.0403 0.0558)
OKLCHoklch(86.7% 0.069 125.8)
XYZxyz(56.7623, 66.4058, 48.3474)
Luminance0.6641 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C8DCAB #BFABDC
analogous
#DCD8AB #C8DCAB #B0DCAB
triadic
#C8DCAB #ABC8DC #DCABC8
tetradic
#C8DCAB #ABDCD8 #BFABDC #DCABB0
square
#C8DCAB #ABDCD8 #BFABDC #DCABB0
split-complementary
#C8DCAB #ABB0DC #D8ABDC
monochromatic
#8FB855 #ACCA80 #C8DCAB #E4EED6 #F1F6E9

Accessibility & contrast

On white

1.47
#C8DCAB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.28
#C8DCAB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C8DCAB
14.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C8DCAB#FFFFFF#000000##000000
##C8DCAB1.001.4714.2814.28
#FFFFFF1.471.0021.0021.00
#00000014.2821.001.001.00
##00000014.2821.001.001.00

Color blindness preview

Protanopia (red-blind)
#E2D6A8
Deuteranopia (green-blind)
#DFD5AD
Tritanopia (blue-blind)
#CBD7CF
Achromatopsia (no color)
#D5D5D5

Design tokens & code

CSS
--color: #c8dcab;
/* rgb */ color: rgb(200, 220, 171);
/* oklch */ color: oklch(86.7% 0.069 125.8);
Tailwind
colors: {
  custom: {
    50: '#d9e6c4',
    500: '#c8dcab',
    950: '#000000',
  },
}
SCSS
$custom: #c8dcab;
$custom-light: #d9e6c4;
$custom-dark: #000000;
JSON
{
  "hex": "#c8dcab",
  "rgb": {
    "r": 200,
    "g": 220,
    "b": 171
  },
  "hsl": {
    "h": 84.49,
    "s": 41.176,
    "l": 76.667
  },
  "oklch": {
    "l": 0.86701,
    "c": 0.06886,
    "h": 125.8
  },
  "luminance": 0.66406
}

Semantic roles & 50–950 ramp

primary
#C8DCAB
secondary
#9077B4
accent
#31B467
background
#FEFEFD
surface
#FBFCF9
border
#D4D5D2
text
#141612
muted
#838482

Preview Lab

Preview with #C8DCAB

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

Preview Lab → · Contrast checker → · Palette generator →

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