#31DDBE Color

#31DDBE is rgb(49, 221, 190) in RGB and hsl(169, 72%, 53%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#31DDBE

HEX#31DDBE

RGBrgb(49, 221, 190)

HSLhsl(169, 72%, 53%)

HSVhsv(169, 78%, 87%)

OKLCHoklch(80.7% 0.141 176.9)

CMYKcmyk(78%, 0%, 14%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#31DDBE Complementary#DD3150 Analogous#31DD68 Analogous#31A7DD Triadic#BE31DD Triadic#DDBE31

Tints & Shades

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

Tints

#4BE2C6 #6AE7D0 #84EBD8 #A3F0E2 #BDF4EA #DCF9F4

Shades

#21CAAB #1CAB91 #178C77 #126E5D #0D4F43 #083029

Use #31DDBE in Our Tools

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