#2FBC71 Color

#2FBC71 is rgb(47, 188, 113) in RGB and hsl(148, 60%, 46%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#2FBC71

HEX#2FBC71

RGBrgb(47, 188, 113)

HSLhsl(148, 60%, 46%)

HSVhsv(148, 75%, 74%)

OKLCHoklch(70.4% 0.161 154.6)

CMYKcmyk(75%, 0%, 40%, 26%)

Text Contrast & Accessibility

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

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

TextBlack text8.55:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#2FBC71 Complementary#BC2F7A Analogous#34BC2F Analogous#2FBCB7 Triadic#712FBC Triadic#BC712F

Tints & Shades

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

Tints

#3FCF82 #60D798 #7CDEAA #9DE7BF #BAEED2 #DAF6E7

Shades

#29A362 #238B53 #1D7245 #165A36 #104127 #0A2918

Use #2FBC71 in Our Tools

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