#AFE580 Color

#AFE580 is rgb(175, 229, 128) in RGB and hsl(92, 66%, 70%) in HSL. The closest CSS named color is LightGreen. Black text is most readable on this background.

#AFE580

HEX#AFE580

RGBrgb(175, 229, 128)

HSLhsl(92, 66%, 70%)

HSVhsv(92, 44%, 90%)

OKLCHoklch(86.2% 0.142 131.8)

CMYKcmyk(24%, 0%, 44%, 10%)

Text Contrast & Accessibility

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

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

TextBlack text14.34:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AFE580 Complementary#B680E5 Analogous#E2E580 Analogous#80E583 Triadic#80AFE5 Triadic#E580AF

Tints & Shades

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

Tints

#BAE891 #C4ECA2 #CFEFB3 #DAF3C4 #E4F6D5 #EFFAE6

Shades

#97DD5A #7DD530 #66B224 #4E871C #386114 #20370B

Use #AFE580 in Our Tools

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