Lime Green

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

Color values

copy exact values

HEX#32CD32sRGB hexadecimal

RGBrgb(50, 205, 50)screen channels

HSLhsl(120, 61%, 50%)hue, saturation, lightness

CMYKcmyk(76%, 0%, 76%, 20%)approximate process color

Tailwindgreen-500nearest palette utility, not an exact token

WCAG ratios

White textfails AA2.12:1

Black textAAA9.91: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

#20431B

#2D8528

#32CD32

#89DE7A

#C4EDBA

#FAFAFA

Analogous

#80CD32

#32CD32

#32CD80

Triadic

#32CD32

#3232CD

#CD3232

Complement

#32CD32

#CD32CD

Lab distance · lower is closer

:root {
  --color-lime-green: #32CD32;
}

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

Hue138°

Lightness73 L*

Chroma91.0

Luminance0.446