#AADF96 Color

#AADF96 is rgb(170, 223, 150) in RGB and hsl(104, 53%, 73%) in HSL. The closest CSS named color is LightGreen. Black text is most readable on this background.

#AADF96

HEX#AADF96

RGBrgb(170, 223, 150)

HSLhsl(104, 53%, 73%)

HSVhsv(104, 33%, 87%)

OKLCHoklch(84.9% 0.112 137.4)

CMYKcmyk(24%, 0%, 33%, 13%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AADF96 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.53:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.7:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #AADF96 based on color wheel relationships. Click any swatch for its full breakdown.

Base#AADF96 Complementary#CB96DF Analogous#CEDF96 Analogous#96DFA7 Triadic#96A9DF Triadic#DF96A9

Tints & Shades

Lighter tints and darker shades of #AADF96, useful for hover states, backgrounds, and text variants.

Tints

#B6E3A5 #BFE7B1 #CCECC1 #D6EFCC #E2F4DC #ECF8E8

Shades

#89D36F #6AC748 #53A834 #418529 #2E5E1D #1B3711

Use #AADF96 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex