#CED5AE#CED5AE

#CED5AE is a very light, muted yellow-green. Relative luminance 0.638; OKLCH L 85.8% C 0.053 H 115.8°. Best body text is #000000 at 13.75:1 contrast (WCAG AA passes).

Color values

HEX#CED5AE
RGBrgb(206, 213, 174)
HSLhsl(71, 32%, 76%)
HSVhsv(71, 18%, 84%)
CMYKcmyk(3.3%, 0%, 18.3%, 16.5%)
CIE-LABlab(83.84, -8.99, 18.52)
CIE-LCHlch(83.84, 20.59, 115.91°)
OKLaboklab(85.75% -0.0229 0.0475)
OKLCHoklch(85.75% 0.053 115.8)
XYZxyz(56.8871, 63.7666, 49.3475)
Luminance0.6377 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CED5AE #B5AED5
analogous
#D5C8AE #CED5AE #BAD5AE
triadic
#CED5AE #AECED5 #D5AECE
tetradic
#CED5AE #AED5C8 #B5AED5 #D5AEBA
square
#CED5AE #AED5C8 #B5AED5 #D5AEBA
split-complementary
#CED5AE #AEBAD5 #C8AED5
monochromatic
#9DAB5D #B6C086 #CED5AE #E6EAD6 #F3F5EB

Accessibility & contrast

On white

1.53
#CED5AE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.75
#CED5AE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CED5AE
13.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CED5AE#FFFFFF#000000##000000
##CED5AE1.001.5313.7513.75
#FFFFFF1.531.0021.0021.00
#00000013.7521.001.001.00
##00000013.7521.001.001.00

Color blindness preview

Protanopia (red-blind)
#DBD1AC
Deuteranopia (green-blind)
#DAD1AF
Tritanopia (blue-blind)
#D3D0CA
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #ced5ae;
/* rgb */ color: rgb(206, 213, 174);
/* oklch */ color: oklch(85.8% 0.053 115.8);
Tailwind
colors: {
  custom: {
    50: '#dde1c6',
    500: '#ced5ae',
    950: '#000000',
  },
}
SCSS
$custom: #ced5ae;
$custom-light: #dde1c6;
$custom-dark: #000000;
JSON
{
  "hex": "#ced5ae",
  "rgb": {
    "r": 206,
    "g": 213,
    "b": 174
  },
  "hsl": {
    "h": 70.769,
    "s": 31.707,
    "l": 75.882
  },
  "oklch": {
    "l": 0.8575,
    "c": 0.05273,
    "h": 115.8
  },
  "luminance": 0.63766
}

Semantic roles & 50–950 ramp

primary
#CED5AE
secondary
#847CAB
accent
#3BAA4F
background
#FEFEFD
surface
#FCFCF9
border
#D5D5D2
text
#151513
muted
#848482

Preview Lab

Preview with #CED5AE

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

Preview Lab → · Contrast checker → · Palette generator →

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