#CDE16E#CDE16E

#CDE16E is a very light, vivid yellow-green. Relative luminance 0.680; OKLCH L 87.1% C 0.142 H 117.6°. Best body text is #000000 at 14.59:1 contrast (WCAG AA passes).

Color values

HEX#CDE16E
RGBrgb(205, 225, 110)
HSLhsl(70, 66%, 66%)
HSVhsv(70, 51%, 88%)
CMYKcmyk(8.9%, 0%, 51.1%, 11.8%)
CIE-LABlab(85.98, -23.14, 53.41)
CIE-LCHlch(85.98, 58.21, 113.42°)
OKLaboklab(87.12% -0.066 0.1261)
OKLCHoklch(87.12% 0.142 117.6)
XYZxyz(54.9172, 67.9558, 24.9726)
Luminance0.6795 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CDE16E #826EE1
analogous
#E1BB6E #CDE16E #93E16E
triadic
#CDE16E #6ECDE1 #E16ECD
tetradic
#CDE16E #6EE1BB #826EE1 #E16E93
square
#CDE16E #6EE1BB #826EE1 #E16E93
split-complementary
#CDE16E #6E93E1 #BB6EE1
monochromatic
#98B024 #BCD73B #CDE16E #DEEBA1 #F0F6D3

Accessibility & contrast

On white

1.44
#CDE16E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.59
#CDE16E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CDE16E
14.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CDE16E#FFFFFF#000000##000000
##CDE16E1.001.4414.5914.59
#FFFFFF1.441.0021.0021.00
#00000014.5921.001.001.00
##00000014.5921.001.001.00

Color blindness preview

Protanopia (red-blind)
#EED763
Deuteranopia (green-blind)
#ECD874
Tritanopia (blue-blind)
#D7D7C7
Achromatopsia (no color)
#D7D7D7

Design tokens & code

CSS
--color: #cde16e;
/* rgb */ color: rgb(205, 225, 110);
/* oklch */ color: oklch(87.1% 0.142 117.6);
Tailwind
colors: {
  custom: {
    50: '#deea9a',
    500: '#cde16e',
    950: '#000000',
  },
}
SCSS
$custom: #cde16e;
$custom-light: #deea9a;
$custom-dark: #000000;
JSON
{
  "hex": "#cde16e",
  "rgb": {
    "r": 205,
    "g": 225,
    "b": 110
  },
  "hsl": {
    "h": 70.435,
    "s": 65.714,
    "l": 65.686
  },
  "oklch": {
    "l": 0.87115,
    "c": 0.14235,
    "h": 117.6
  },
  "luminance": 0.67955
}

Semantic roles & 50–950 ramp

primary
#CDE16E
secondary
#5542B2
accent
#18CE38
background
#FEFEFC
surface
#FCFDF5
border
#D5D5CF
text
#15160E
muted
#84847F

Preview Lab

Preview with #CDE16E

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

Preview Lab → · Contrast checker → · Palette generator →

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