#CED8AD#CED8AD

#CED8AD is a very light, muted yellow-green. Relative luminance 0.653; OKLCH L 86.4% C 0.058 H 118.3°. Best body text is #000000 at 14.05:1 contrast (WCAG AA passes).

Color values

HEX#CED8AD
RGBrgb(206, 216, 173)
HSLhsl(74, 36%, 76%)
HSVhsv(74, 20%, 85%)
CMYKcmyk(4.6%, 0%, 19.9%, 15.3%)
CIE-LABlab(84.61, -10.67, 20.11)
CIE-LCHlch(84.61, 22.77, 117.96°)
OKLaboklab(86.35% -0.0276 0.0514)
OKLCHoklch(86.35% 0.058 118.3)
XYZxyz(57.5515, 65.2508, 49.0898)
Luminance0.6525 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CED8AD #B7ADD8
analogous
#D8CDAD #CED8AD #B9D8AD
triadic
#CED8AD #ADCED8 #D8ADCE
tetradic
#CED8AD #ADD8CD #B7ADD8 #D8ADB9
square
#CED8AD #ADD8CD #B7ADD8 #D8ADB9
split-complementary
#CED8AD #ADB9D8 #CDADD8
monochromatic
#9CB15A #B5C484 #CED8AD #E7ECD6 #F3F5EA

Accessibility & contrast

On white

1.49
#CED8AD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.05
#CED8AD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CED8AD
14.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CED8AD#FFFFFF#000000##000000
##CED8AD1.001.4914.0514.05
#FFFFFF1.491.0021.0021.00
#00000014.0521.001.001.00
##00000014.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#DED3AA
Deuteranopia (green-blind)
#DDD3AF
Tritanopia (blue-blind)
#D2D3CC
Achromatopsia (no color)
#D3D3D3

Design tokens & code

CSS
--color: #ced8ad;
/* rgb */ color: rgb(206, 216, 173);
/* oklch */ color: oklch(86.4% 0.058 118.3);
Tailwind
colors: {
  custom: {
    50: '#dde4c5',
    500: '#ced8ad',
    950: '#000000',
  },
}
SCSS
$custom: #ced8ad;
$custom-light: #dde4c5;
$custom-dark: #000000;
JSON
{
  "hex": "#ced8ad",
  "rgb": {
    "r": 206,
    "g": 216,
    "b": 173
  },
  "hsl": {
    "h": 73.953,
    "s": 35.537,
    "l": 76.275
  },
  "oklch": {
    "l": 0.86352,
    "c": 0.05838,
    "h": 118.3
  },
  "luminance": 0.65251
}

Semantic roles & 50–950 ramp

primary
#CED8AD
secondary
#867AAF
accent
#37AE53
background
#FEFEFD
surface
#FCFCF9
border
#D5D5D2
text
#151513
muted
#848482

Preview Lab

Preview with #CED8AD

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

Preview Lab → · Contrast checker → · Palette generator →

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