#5BD2BA Color

#5BD2BA is rgb(91, 210, 186) in RGB and hsl(168, 57%, 59%) in HSL. The closest CSS named color is MediumAquamarine. Black text is most readable on this background.

#5BD2BA

HEX#5BD2BA

RGBrgb(91, 210, 186)

HSLhsl(168, 57%, 59%)

HSVhsv(168, 57%, 82%)

OKLCHoklch(78.9% 0.113 177.8)

CMYKcmyk(57%, 0%, 11%, 18%)

Text Contrast & Accessibility

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

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

TextBlack text11.37:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#5BD2BA Complementary#D25B73 Analogous#5BD27F Analogous#5BAED2 Triadic#BA5BD2 Triadic#D2BA5B

Tints & Shades

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

Tints

#73D9C4 #87DECD #9FE5D7 #B3EADF #CBF1E9 #DFF6F2

Shades

#3BC9AD #2FAC93 #268C78 #1F7060 #165044 #0D3029

Use #5BD2BA in Our Tools

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