#3AF23E Color

#3AF23E is rgb(58, 242, 62) in RGB and hsl(121, 88%, 59%) in HSL. The closest CSS named color is LimeGreen. Black text is most readable on this background.

#3AF23E

HEX#3AF23E

RGBrgb(58, 242, 62)

HSLhsl(121, 88%, 59%)

HSVhsv(121, 76%, 95%)

OKLCHoklch(84% 0.259 143.1)

CMYKcmyk(76%, 0%, 74%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3AF23E Complementary#F23AEF Analogous#93F23A Analogous#3AF29A Triadic#3E3AF2 Triadic#F23E3A

Tints & Shades

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

Tints

#57F45A #6FF671 #8CF88E #A4F9A5 #C1FBC2 #D9FDD9

Shades

#14F018 #0DCE10 #0BA80D #09860B #066008 #043A05

Use #3AF23E in Our Tools

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