#AEC70A Color

#AEC70A is rgb(174, 199, 10) in RGB and hsl(68, 90%, 41%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#AEC70A

HEX#AEC70A

RGBrgb(174, 199, 10)

HSLhsl(68, 90%, 41%)

HSVhsv(68, 95%, 78%)

OKLCHoklch(78.3% 0.182 118.5)

CMYKcmyk(13%, 0%, 95%, 22%)

Text Contrast & Accessibility

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

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

TextBlack text10.97:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AEC70A Complementary#240AC7 Analogous#C7820A Analogous#4FC70A Triadic#0AAEC7 Triadic#C70AAE

Tints & Shades

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

Tints

#CFED0C #DAF42F #E1F655 #E8F881 #EFFAA8 #F6FCCF

Shades

#98AE09 #7F9108 #6A7906 #556105 #3F4904 #262C02

Use #AEC70A in Our Tools

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