#CAEE95#CAEE95

#CAEE95 is a very light, vivid yellow-green. Relative luminance 0.759; OKLCH L 90.3% C 0.121 H 126.6°. Best body text is #000000 at 16.18:1 contrast (WCAG AA passes).

Color values

HEX#CAEE95
RGBrgb(202, 238, 149)
HSLhsl(84, 72%, 76%)
HSVhsv(84, 37%, 93%)
CMYKcmyk(15.1%, 0%, 37.4%, 6.7%)
CIE-LABlab(89.80, -26.28, 39.30)
CIE-LCHlch(89.80, 47.28, 123.76°)
OKLaboklab(90.29% -0.0719 0.0968)
OKLCHoklch(90.29% 0.121 126.6)
XYZxyz(60.3559, 75.8750, 39.8935)
Luminance0.7588 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CAEE95 #B995EE
analogous
#EEE695 #CAEE95 #9DEE95
triadic
#CAEE95 #95CAEE #EE95CA
tetradic
#CAEE95 #95EEE6 #B995EE #EE959D
square
#CAEE95 #95EEE6 #B995EE #EE959D
split-complementary
#CAEE95 #959DEE #E695EE
monochromatic
#95DD2C #B0E660 #CAEE95 #E4F6CA #F2FBE5

Accessibility & contrast

On white

1.30
#CAEE95 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.18
#CAEE95 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CAEE95
16.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CAEE95#FFFFFF#000000##000000
##CAEE951.001.3016.1816.18
#FFFFFF1.301.0021.0021.00
#00000016.1821.001.001.00
##00000016.1821.001.001.00

Color blindness preview

Protanopia (red-blind)
#F7E38F
Deuteranopia (green-blind)
#F2E19A
Tritanopia (blue-blind)
#CFE6D8
Achromatopsia (no color)
#E2E2E2

Design tokens & code

CSS
--color: #caee95;
/* rgb */ color: rgb(202, 238, 149);
/* oklch */ color: oklch(90.3% 0.121 126.6);
Tailwind
colors: {
  custom: {
    50: '#dbf3b5',
    500: '#caee95',
    950: '#000000',
  },
}
SCSS
$custom: #caee95;
$custom-light: #dbf3b5;
$custom-dark: #000000;
JSON
{
  "hex": "#caee95",
  "rgb": {
    "r": 202,
    "g": 238,
    "b": 149
  },
  "hsl": {
    "h": 84.27,
    "s": 72.358,
    "l": 75.882
  },
  "oklch": {
    "l": 0.90286,
    "c": 0.12062,
    "h": 126.6
  },
  "luminance": 0.75876
}

Semantic roles & 50–950 ramp

primary
#CAEE95
secondary
#895DCA
accent
#11D460
background
#FEFFFD
surface
#FCFEF8
border
#D5D6D1
text
#151711
muted
#848581

Preview Lab

Preview with #CAEE95

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

Preview Lab → · Contrast checker → · Palette generator →

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