#CCEE6C#CCEE6C

#CCEE6C is a very light, vivid yellow-green. Relative luminance 0.751; OKLCH L 89.9% C 0.161 H 121.9°. Best body text is #000000 at 16.01:1 contrast (WCAG AA passes).

Color values

HEX#CCEE6C
RGBrgb(204, 238, 108)
HSLhsl(76, 79%, 68%)
HSVhsv(76, 55%, 93%)
CMYKcmyk(14.3%, 0%, 54.6%, 6.7%)
CIE-LABlab(89.43, -29.87, 58.31)
CIE-LCHlch(89.43, 65.52, 117.13°)
OKLaboklab(89.85% -0.0851 0.1366)
OKLCHoklch(89.85% 0.161 121.9)
XYZxyz(58.1836, 75.0691, 25.6090)
Luminance0.7507 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CCEE6C #8E6CEE
analogous
#EECF6C #CCEE6C #8BEE6C
triadic
#CCEE6C #6CCCEE #EE6CCC
tetradic
#CCEE6C #6CEECF #8E6CEE #EE6C8B
square
#CCEE6C #6CEECF #8E6CEE #EE6C8B
split-complementary
#CCEE6C #6C8BEE #CF6CEE
monochromatic
#9AC817 #B9E835 #CCEE6C #DFF4A3 #F2FBDA

Accessibility & contrast

On white

1.31
#CCEE6C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.01
#CCEE6C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CCEE6C
16.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CCEE6C#FFFFFF#000000##000000
##CCEE6C1.001.3116.0116.01
#FFFFFF1.311.0021.0021.00
#00000016.0121.001.001.00
##00000016.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FBE15F
Deuteranopia (green-blind)
#F6E174
Tritanopia (blue-blind)
#D5E3D1
Achromatopsia (no color)
#E1E1E1

Design tokens & code

CSS
--color: #ccee6c;
/* rgb */ color: rgb(204, 238, 108);
/* oklch */ color: oklch(89.9% 0.161 121.9);
Tailwind
colors: {
  custom: {
    50: '#def39a',
    500: '#ccee6c',
    950: '#000000',
  },
}
SCSS
$custom: #ccee6c;
$custom-light: #def39a;
$custom-dark: #000000;
JSON
{
  "hex": "#ccee6c",
  "rgb": {
    "r": 204,
    "g": 238,
    "b": 108
  },
  "hsl": {
    "h": 75.692,
    "s": 79.268,
    "l": 67.843
  },
  "oklch": {
    "l": 0.89852,
    "c": 0.16089,
    "h": 121.9
  },
  "luminance": 0.75069
}

Semantic roles & 50–950 ramp

primary
#CCEE6C
secondary
#5D39C6
accent
#0ADC41
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#15170E
muted
#84857F

Preview Lab

Preview with #CCEE6C

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

Preview Lab → · Contrast checker → · Palette generator →

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