#AADF30 Color

#AADF30 is rgb(170, 223, 48) in RGB and hsl(78, 73%, 53%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#AADF30

HEX#AADF30

RGBrgb(170, 223, 48)

HSLhsl(78, 73%, 53%)

HSVhsv(78, 78%, 87%)

OKLCHoklch(83.7% 0.198 125.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AADF30 Complementary#6430DF Analogous#DFBC30 Analogous#53DF30 Triadic#30AADF Triadic#DF30AA

Tints & Shades

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

Tints

#B5E34A #C2E869 #CCEC83 #D9F1A2 #E4F5BD #F1F9DC

Shades

#98CB20 #80AC1B #698D16 #526E11 #3B4F0C #243108

Use #AADF30 in Our Tools

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