#2FA795 Color

#2FA795 is rgb(47, 167, 149) in RGB and hsl(171, 56%, 42%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#2FA795

HEX#2FA795

RGBrgb(47, 167, 149)

HSLhsl(171, 56%, 42%)

HSVhsv(171, 72%, 65%)

OKLCHoklch(65.9% 0.107 180.5)

CMYKcmyk(72%, 0%, 11%, 35%)

Text Contrast & Accessibility

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

TextWhite text2.97:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.08:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#2FA795 Complementary#A72F41 Analogous#2FA759 Analogous#2F7DA7 Triadic#952FA7 Triadic#A7952F

Tints & Shades

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

Tints

#38C7B1 #58D0BE #78D9CA #98E2D7 #B7EBE3 #D7F4EF

Shades

#2A9383 #237B6E #1D675C #165047 #113C35 #0A2420

Use #2FA795 in Our Tools

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