#2DE6AC Color

#2DE6AC is rgb(45, 230, 172) in RGB and hsl(161, 79%, 54%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#2DE6AC

HEX#2DE6AC

RGBrgb(45, 230, 172)

HSLhsl(161, 79%, 54%)

HSVhsv(161, 80%, 90%)

OKLCHoklch(82.4% 0.163 165.6)

CMYKcmyk(80%, 0%, 25%, 10%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2DE6AC Complementary#E62D68 Analogous#2DE64F Analogous#2DC4E6 Triadic#AC2DE6 Triadic#E6AC2D

Tints & Shades

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

Tints

#48EAB7 #68EDC3 #84F1CE #9FF4D9 #BBF7E4 #DAFBF1

Shades

#19D79B #15B784 #12976D #0D7252 #0A523B #063224

Use #2DE6AC in Our Tools

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