#3AFD4E Color

#3AFD4E is rgb(58, 253, 78) in RGB and hsl(126, 98%, 61%) in HSL. The closest CSS named color is LimeGreen. Black text is most readable on this background.

#3AFD4E

HEX#3AFD4E

RGBrgb(58, 253, 78)

HSLhsl(126, 98%, 61%)

HSVhsv(126, 77%, 99%)

OKLCHoklch(86.9% 0.262 144.1)

CMYKcmyk(77%, 0%, 69%, 1%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #3AFD4E 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.34:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#3AFD4E Complementary#FD3AEA Analogous#88FD3A Analogous#3AFDAF Triadic#4E3AFD Triadic#FD4E3A

Tints & Shades

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

Tints

#53FD64 #72FE80 #8BFE96 #A4FEAD #BDFEC4 #DCFFDF

Shades

#12FD29 #02E319 #02BB14 #018D0F #01650B #013D07

Use #3AFD4E in Our Tools

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