Chartreuse

Best set with black text. The pairing reaches 16.21:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#7FFF00sRGB hexadecimal

RGBrgb(127, 255, 0)screen channels

HSLhsl(90, 100%, 50%)hue, saturation, lightness

CMYKcmyk(50%, 0%, 100%, 0%)approximate process color

Tailwindlime-400nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.30:1

Black textAAA16.21:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#315119

#58A41B

#7FFF00

#B3FF76

#DAFDBA

#FAFAFA

Analogous

#FEFF00

#7FFF00

#00FF01

Triadic

#7FFF00

#007FFF

#FF007F

Complement

#7FFF00

#8000FF

Lab distance · lower is closer

:root {
  --color-chartreuse: #7FFF00;
}

.swatch {
  background: var(--color-chartreuse);
  color: #000000;
}

Hue128°

Lightness90 L*

Chroma109.5

Luminance0.760