#AAF146 Color

#AAF146 is rgb(170, 241, 70) in RGB and hsl(85, 86%, 61%) in HSL. The closest CSS named color is GreenYellow. Black text is most readable on this background.

#AAF146

HEX#AAF146

RGBrgb(170, 241, 70)

HSLhsl(85, 86%, 61%)

HSVhsv(85, 71%, 95%)

OKLCHoklch(88% 0.208 129.7)

CMYKcmyk(29%, 0%, 71%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text15.38:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AAF146 Complementary#8D46F1 Analogous#F1E346 Analogous#54F146 Triadic#46AAF1 Triadic#F146AA

Tints & Shades

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

Tints

#B5F35E #C2F57A #CDF792 #D8F9AA #E3FAC1 #F0FDDE

Shades

#98EE20 #83D510 #6CAF0D #52850A #3A5F07 #233904

Use #AAF146 in Our Tools

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