#58B1BB Color

#58B1BB is rgb(88, 177, 187) in RGB and hsl(186, 42%, 54%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#58B1BB

HEX#58B1BB

RGBrgb(88, 177, 187)

HSLhsl(186, 42%, 54%)

HSVhsv(186, 53%, 73%)

OKLCHoklch(70.9% 0.086 205.1)

CMYKcmyk(53%, 5%, 0%, 27%)

Text Contrast & Accessibility

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

TextWhite text2.49:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.42:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#58B1BB Complementary#BB6258 Analogous#58BB94 Analogous#5880BB Triadic#BB58B1 Triadic#B1BB58

Tints & Shades

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

Tints

#6EBBC4 #88C7CE #9DD1D7 #B3DBE0 #C9E6E9 #E2F1F3

Shades

#46A0AA #3B8891 #317077 #25555B #1B3D41 #102528

Use #58B1BB in Our Tools

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