#CFF86A#CFF86A

#CFF86A is a very light, vivid yellow-green. Relative luminance 0.814; OKLCH L 92.2% C 0.174 H 123.3°. Best body text is #000000 at 17.29:1 contrast (WCAG AA passes).

Color values

HEX	#CFF86A
RGB	rgb(207, 248, 106)
HSL	hsl(77, 91%, 69%)
HSV	hsv(77, 57%, 97%)
CMYK	cmyk(16.5%, 0%, 57.3%, 2.7%)
CIE-LAB	lab(92.33, -33.53, 62.55)
CIE-LCH	lch(92.33, 70.97, 118.19°)
OKLab	oklab(92.23% -0.0956 0.1454)
OKLCH	oklch(92.23% 0.174 123.3)
XYZ	xyz(61.9014, 81.4405, 26.0913)
Luminance	0.8144 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CFF86A #936AF8

analogous

#F8DA6A #CFF86A #88F86A

triadic

#CFF86A #6ACFF8 #F86ACF

tetradic

#CFF86A #6AF8DA #936AF8 #F86A88

square

#CFF86A #6AF8DA #936AF8 #F86A88

split-complementary

#CFF86A #6A88F8 #DA6AF8

monochromatic

#A0DD0A #BCF530 #CFF86A #E2FBA4 #F5FDDF

Accessibility & contrast

On white

1.21

#CFF86A on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.29

#CFF86A on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CFF86A

17.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CFF86A	#FFFFFF	#000000	##000000
##CFF86A	1.00	1.21	17.29	17.29
#FFFFFF	1.21	1.00	21.00	21.00
#000000	17.29	21.00	1.00	1.00
##000000	17.29	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFEA5B

Deuteranopia (green-blind)

#FFE973

Tritanopia (blue-blind)

#D8EDD9

Achromatopsia (no color)

#E9E9E9

Design tokens & code

CSS

--color: #cff86a;
/* rgb */ color: rgb(207, 248, 106);
/* oklch */ color: oklch(92.2% 0.174 123.3);

Tailwind

colors: {
  custom: {
    50: '#e0fa99',
    500: '#cff86a',
    950: '#000000',
  },
}

SCSS

$custom: #cff86a;
$custom-light: #e0fa99;
$custom-dark: #000000;

JSON

{
  "hex": "#cff86a",
  "rgb": {
    "r": 207,
    "g": 248,
    "b": 106
  },
  "hsl": {
    "h": 77.324,
    "s": 91.026,
    "l": 69.412
  },
  "oklch": {
    "l": 0.92232,
    "c": 0.17402,
    "h": 123.3
  },
  "luminance": 0.81441
}

Semantic roles & 50–950 ramp

primary

#CFF86A

secondary

#6234D2

accent

#00E642

background

#FEFFFC

surface

#FCFFF5

border

#D5D7CF

text

#16170E

muted

#84857F

Preview Lab

Preview with #CFF86A

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

Preview Lab → · Contrast checker → · Palette generator →