#5AF2BA Color

#5AF2BA is rgb(90, 242, 186) in RGB and hsl(158, 85%, 65%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#5AF2BA

HEX#5AF2BA

RGBrgb(90, 242, 186)

HSLhsl(158, 85%, 65%)

HSVhsv(158, 63%, 95%)

OKLCHoklch(86.6% 0.152 165.1)

CMYKcmyk(63%, 0%, 23%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text14.84:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#5AF2BA Complementary#F25A92 Analogous#5AF26E Analogous#5ADDF2 Triadic#BA5AF2 Triadic#F2BA5A

Tints & Shades

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

Tints

#71F4C4 #84F5CC #9CF7D6 #B4F9DF #CBFBE9 #DEFCF1

Shades

#2FEEA8 #12E296 #0FB87A #0B8E5E #086342 #053D29

Use #5AF2BA in Our Tools

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