#CEE08E#CEE08E

#CEE08E is a very light, moderate yellow-green. Relative luminance 0.684; OKLCH L 87.4% C 0.107 H 118.8°. Best body text is #000000 at 14.68:1 contrast (WCAG AA passes).

Color values

HEX#CEE08E
RGBrgb(206, 224, 142)
HSLhsl(73, 57%, 72%)
HSVhsv(73, 37%, 88%)
CMYKcmyk(8%, 0%, 36.6%, 12.2%)
CIE-LABlab(86.20, -18.89, 38.19)
CIE-LCHlch(86.20, 42.60, 116.32°)
OKLaboklab(87.44% -0.0516 0.094)
OKLCHoklch(87.44% 0.107 118.8)
XYZxyz(56.9917, 68.3864, 35.7834)
Luminance0.6839 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CEE08E #A08EE0
analogous
#E0C98E #CEE08E #A5E08E
triadic
#CEE08E #8ECEE0 #E08ECE
tetradic
#CEE08E #8EE0C9 #A08EE0 #E08EA5
square
#CEE08E #8EE0C9 #A08EE0 #E08EA5
split-complementary
#CEE08E #8EA5E0 #C98EE0
monochromatic
#A1BF34 #B9D35E #CEE08E #E3EDBE #F5F8E7

Accessibility & contrast

On white

1.43
#CEE08E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.68
#CEE08E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CEE08E
14.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CEE08E#FFFFFF#000000##000000
##CEE08E1.001.4314.6814.68
#FFFFFF1.431.0021.0021.00
#00000014.6821.001.001.00
##00000014.6821.001.001.00

Color blindness preview

Protanopia (red-blind)
#EAD888
Deuteranopia (green-blind)
#E8D892
Tritanopia (blue-blind)
#D6D8CB
Achromatopsia (no color)
#D8D8D8

Design tokens & code

CSS
--color: #cee08e;
/* rgb */ color: rgb(206, 224, 142);
/* oklch */ color: oklch(87.4% 0.107 118.8);
Tailwind
colors: {
  custom: {
    50: '#dee9b0',
    500: '#cee08e',
    950: '#000000',
  },
}
SCSS
$custom: #cee08e;
$custom-light: #dee9b0;
$custom-dark: #000000;
JSON
{
  "hex": "#cee08e",
  "rgb": {
    "r": 206,
    "g": 224,
    "b": 142
  },
  "hsl": {
    "h": 73.171,
    "s": 56.944,
    "l": 71.765
  },
  "oklch": {
    "l": 0.87438,
    "c": 0.1072,
    "h": 118.8
  },
  "luminance": 0.68386
}

Semantic roles & 50–950 ramp

primary
#CEE08E
secondary
#6F5AB8
accent
#21C545
background
#FEFEFD
surface
#FCFCF7
border
#D5D5D0
text
#151610
muted
#848481

Preview Lab

Preview with #CEE08E

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

Preview Lab → · Contrast checker → · Palette generator →

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