Yellow Green

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

Color values

copy exact values

HEX#9ACD32sRGB hexadecimal

RGBrgb(154, 205, 50)screen channels

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

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

Tailwindlime-500nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.88:1

Black textAAA11.15: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

#36431B

#668528

#9ACD32

#BEDC7B

#DEEBBA

#FAFAFA

Analogous

#CDB332

#9ACD32

#4CCD32

Triadic

#9ACD32

#329ACD

#CD329A

Complement

#9ACD32

#6532CD

Lab distance · lower is closer

:root {
  --color-yellow-green: #9ACD32;
}

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

Hue120°

Lightness77 L*

Chroma76.7

Luminance0.508