#CCE379#CCE379

#CCE379 is a very light, vivid yellow-green. Relative luminance 0.692; OKLCH L 87.6% C 0.134 H 119.3°. Best body text is #000000 at 14.83:1 contrast (WCAG AA passes).

Color values

HEX#CCE379
RGBrgb(204, 227, 121)
HSLhsl(73, 65%, 68%)
HSVhsv(73, 47%, 89%)
CMYKcmyk(10.1%, 0%, 46.7%, 11%)
CIE-LABlab(86.58, -23.44, 48.94)
CIE-LCHlch(86.58, 54.26, 115.59°)
OKLaboklab(87.62% -0.0658 0.1172)
OKLCHoklch(87.62% 0.134 119.3)
XYZxyz(55.8225, 69.1563, 28.4932)
Luminance0.6916 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CCE379 #9079E3
analogous
#E3C579 #CCE379 #97E379
triadic
#CCE379 #79CCE3 #E379CC
tetradic
#CCE379 #79E3C5 #9079E3 #E37997
square
#CCE379 #79E3C5 #9079E3 #E37997
split-complementary
#CCE379 #7997E3 #C579E3
monochromatic
#9BBB27 #B9D846 #CCE379 #DFEEAC #F3F8DE

Accessibility & contrast

On white

1.42
#CCE379 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.83
#CCE379 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CCE379
14.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CCE379#FFFFFF#000000##000000
##CCE3791.001.4214.8314.83
#FFFFFF1.421.0021.0021.00
#00000014.8321.001.001.00
##00000014.8321.001.001.00

Color blindness preview

Protanopia (red-blind)
#EFD970
Deuteranopia (green-blind)
#ECD97F
Tritanopia (blue-blind)
#D5D9CA
Achromatopsia (no color)
#D9D9D9

Design tokens & code

CSS
--color: #cce379;
/* rgb */ color: rgb(204, 227, 121);
/* oklch */ color: oklch(87.6% 0.134 119.3);
Tailwind
colors: {
  custom: {
    50: '#ddeba2',
    500: '#cce379',
    950: '#000000',
  },
}
SCSS
$custom: #cce379;
$custom-light: #ddeba2;
$custom-dark: #000000;
JSON
{
  "hex": "#cce379",
  "rgb": {
    "r": 204,
    "g": 227,
    "b": 121
  },
  "hsl": {
    "h": 73.019,
    "s": 65.432,
    "l": 68.235
  },
  "oklch": {
    "l": 0.87616,
    "c": 0.1344,
    "h": 119.3
  },
  "luminance": 0.69156
}

Semantic roles & 50–950 ramp

primary
#CCE379
secondary
#5F46BA
accent
#18CD40
background
#FEFEFC
surface
#FCFDF5
border
#D5D5CF
text
#15160F
muted
#848480

Preview Lab

Preview with #CCE379

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

Preview Lab → · Contrast checker → · Palette generator →

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