#2BE3B2 Color

#2BE3B2 is rgb(43, 227, 178) in RGB and hsl(164, 77%, 53%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#2BE3B2

HEX#2BE3B2

RGBrgb(43, 227, 178)

HSLhsl(164, 77%, 53%)

HSVhsv(164, 81%, 89%)

OKLCHoklch(81.8% 0.156 169.1)

CMYKcmyk(81%, 0%, 22%, 11%)

Text Contrast & Accessibility

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

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

TextBlack text12.73:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#2BE3B2 Complementary#E32B5C Analogous#2BE356 Analogous#2BB8E3 Triadic#B22BE3 Triadic#E3B22B

Tints & Shades

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

Tints

#46E7BC #66EBC7 #81EFD1 #A0F3DD #BBF6E6 #DBFAF2

Shades

#1BD09F #17B087 #13906F #0F7157 #0B513E #063226

Use #2BE3B2 in Our Tools

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