#CEDD95#CEDD95

#CEDD95 is a very light, moderate yellow-green. Relative luminance 0.670; OKLCH L 86.9% C 0.095 H 118.0°. Best body text is #000000 at 14.40:1 contrast (WCAG AA passes).

Color values

HEX	#CEDD95
RGB	rgb(206, 221, 149)
HSL	hsl(73, 51%, 73%)
HSV	hsv(73, 33%, 87%)
CMYK	cmyk(6.8%, 0%, 32.6%, 13.3%)
CIE-LAB	lab(85.51, -16.54, 33.74)
CIE-LCH	lch(85.51, 37.58, 116.11°)
OKLab	oklab(86.92% -0.0446 0.0838)
OKLCH	oklch(86.92% 0.095 118)
XYZ	xyz(56.7347, 67.0049, 38.3723)
Luminance	0.6701 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CEDD95 #A495DD

analogous

#DDC895 #CEDD95 #AADD95

triadic

#CEDD95 #95CEDD #DD95CE

tetradic

#CEDD95 #95DDC8 #A495DD #DD95AA

square

#CEDD95 #95DDC8 #A495DD #DD95AA

split-complementary

#CEDD95 #95AADD #C895DD

monochromatic

#A1BB3C #B9CE67 #CEDD95 #E3ECC3 #F4F8E8

Accessibility & contrast

On white

1.46

#CEDD95 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.40

#CEDD95 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CEDD95

14.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CEDD95	#FFFFFF	#000000	##000000
##CEDD95	1.00	1.46	14.40	14.40
#FFFFFF	1.46	1.00	21.00	21.00
#000000	14.40	21.00	1.00	1.00
##000000	14.40	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E6D690

Deuteranopia (green-blind)

#E5D698

Tritanopia (blue-blind)

#D5D6CB

Achromatopsia (no color)

#D6D6D6

Design tokens & code

CSS

--color: #cedd95;
/* rgb */ color: rgb(206, 221, 149);
/* oklch */ color: oklch(86.9% 0.095 118.0);

Tailwind

colors: {
  custom: {
    50: '#dde7b5',
    500: '#cedd95',
    950: '#000000',
  },
}

SCSS

$custom: #cedd95;
$custom-light: #dde7b5;
$custom-dark: #000000;

JSON

{
  "hex": "#cedd95",
  "rgb": {
    "r": 206,
    "g": 221,
    "b": 149
  },
  "hsl": {
    "h": 72.5,
    "s": 51.429,
    "l": 72.549
  },
  "oklch": {
    "l": 0.86921,
    "c": 0.09496,
    "h": 118
  },
  "luminance": 0.67005
}

Semantic roles & 50–950 ramp

primary

#CEDD95

secondary

#7361B5

accent

#27BF46

background

#FEFEFD

surface

#FCFCF8

border

#D5D5D1

text

#151611

muted

#848481

Preview Lab

Preview with #CEDD95

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

Preview Lab → · Contrast checker → · Palette generator →