#CCF66C#CCF66C

#CCF66C is a very light, vivid yellow-green. Relative luminance 0.798; OKLCH L 91.6% C 0.171 H 123.9°. Best body text is #000000 at 16.97:1 contrast (WCAG AA passes).

Color values

HEX#CCF66C
RGBrgb(204, 246, 108)
HSLhsl(78, 88%, 69%)
HSVhsv(78, 56%, 96%)
CMYKcmyk(17.1%, 0%, 56.1%, 3.5%)
CIE-LABlab(91.61, -33.57, 60.82)
CIE-LCHlch(91.61, 69.47, 118.90°)
OKLaboklab(91.61% -0.0954 0.1419)
OKLCHoklch(91.61% 0.171 123.9)
XYZxyz(60.5646, 79.8312, 26.4027)
Luminance0.7983 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CCF66C #966CF6
analogous
#F6DB6C #CCF66C #87F66C
triadic
#CCF66C #6CCCF6 #F66CCC
tetradic
#CCF66C #6CF6DB #966CF6 #F66C87
square
#CCF66C #6CF6DB #966CF6 #F66C87
split-complementary
#CCF66C #6C87F6 #DB6CF6
monochromatic
#9CDA0D #B8F232 #CCF66C #E0FAA6 #F4FDDF

Accessibility & contrast

On white

1.24
#CCF66C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.97
#CCF66C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CCF66C
16.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CCF66C#FFFFFF#000000##000000
##CCF66C1.001.2416.9716.97
#FFFFFF1.241.0021.0021.00
#00000016.9721.001.001.00
##00000016.9721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE85E
Deuteranopia (green-blind)
#FDE775
Tritanopia (blue-blind)
#D4EBD8
Achromatopsia (no color)
#E7E7E7

Design tokens & code

CSS
--color: #ccf66c;
/* rgb */ color: rgb(204, 246, 108);
/* oklch */ color: oklch(91.6% 0.171 123.9);
Tailwind
colors: {
  custom: {
    50: '#def99a',
    500: '#ccf66c',
    950: '#000000',
  },
}
SCSS
$custom: #ccf66c;
$custom-light: #def99a;
$custom-dark: #000000;
JSON
{
  "hex": "#ccf66c",
  "rgb": {
    "r": 204,
    "g": 246,
    "b": 108
  },
  "hsl": {
    "h": 78.261,
    "s": 88.462,
    "l": 69.412
  },
  "oklch": {
    "l": 0.9161,
    "c": 0.17102,
    "h": 123.9
  },
  "luminance": 0.79832
}

Semantic roles & 50–950 ramp

primary
#CCF66C
secondary
#6536D0
accent
#00E546
background
#FEFFFC
surface
#FCFFF5
border
#D5D7CF
text
#15170E
muted
#84857F

Preview Lab

Preview with #CCF66C

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

Preview Lab → · Contrast checker → · Palette generator →

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