#C8DABB#C8DABB

#C8DABB is a very light, muted yellow-green. Relative luminance 0.660; OKLCH L 86.6% C 0.046 H 132.1°. Best body text is #000000 at 14.20:1 contrast (WCAG AA passes).

Color values

HEX#C8DABB
RGBrgb(200, 218, 187)
HSLhsl(95, 30%, 79%)
HSVhsv(95, 14%, 85%)
CMYKcmyk(8.3%, 0%, 14.2%, 14.5%)
CIE-LABlab(85.00, -11.60, 13.24)
CIE-LCHlch(85.00, 17.60, 131.22°)
OKLaboklab(86.65% -0.0309 0.0343)
OKLCHoklch(86.65% 0.046 132.1)
XYZxyz(57.8589, 66.0096, 56.6970)
Luminance0.6601 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C8DABB #CDBBDA
analogous
#D8DABB #C8DABB #BBDABE
triadic
#C8DABB #BBC8DA #DABBC8
tetradic
#C8DABB #BBD8DA #CDBBDA #DABEBB
square
#C8DABB #BBD8DA #CDBBDA #DABEBB
split-complementary
#C8DABB #BEBBDA #DABBD8
monochromatic
#88AF6C #A8C493 #C8DABB #E8F0E3 #EFF4EB

Accessibility & contrast

On white

1.48
#C8DABB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.20
#C8DABB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C8DABB
14.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C8DABB#FFFFFF#000000##000000
##C8DABB1.001.4814.2014.20
#FFFFFF1.481.0021.0021.00
#00000014.2021.001.001.00
##00000014.2021.001.001.00

Color blindness preview

Protanopia (red-blind)
#DDD5B9
Deuteranopia (green-blind)
#DAD4BC
Tritanopia (blue-blind)
#C9D7D1
Achromatopsia (no color)
#D4D4D4

Design tokens & code

CSS
--color: #c8dabb;
/* rgb */ color: rgb(200, 218, 187);
/* oklch */ color: oklch(86.6% 0.046 132.1);
Tailwind
colors: {
  custom: {
    50: '#d8e5cf',
    500: '#c8dabb',
    950: '#000000',
  },
}
SCSS
$custom: #c8dabb;
$custom-light: #d8e5cf;
$custom-dark: #000000;
JSON
{
  "hex": "#c8dabb",
  "rgb": {
    "r": 200,
    "g": 218,
    "b": 187
  },
  "hsl": {
    "h": 94.839,
    "s": 29.524,
    "l": 79.412
  },
  "oklch": {
    "l": 0.86649,
    "c": 0.04614,
    "h": 132.1
  },
  "luminance": 0.6601
}

Semantic roles & 50–950 ramp

primary
#C8DABB
secondary
#A088B1
accent
#3DA87B
background
#FEFEFE
surface
#FBFCFB
border
#D4D5D4
text
#141513
muted
#838483

Preview Lab

Preview with #C8DABB

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

Preview Lab → · Contrast checker → · Palette generator →

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