#58AAC6 Color

#58AAC6 is rgb(88, 170, 198) in RGB and hsl(195, 49%, 56%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#58AAC6

HEX#58AAC6

RGBrgb(88, 170, 198)

HSLhsl(195, 49%, 56%)

HSVhsv(195, 56%, 78%)

OKLCHoklch(69.7% 0.09 222.7)

CMYKcmyk(56%, 14%, 0%, 22%)

Text Contrast & Accessibility

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

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

TextBlack text7.98:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#58AAC6 Complementary#C67358 Analogous#58C6AA Analogous#5873C6 Triadic#C658AA Triadic#AAC658

Tints & Shades

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

Tints

#6FB6CE #85C1D5 #9CCDDD #B3D8E5 #CAE4ED #E1F0F5

Shades

#409CBA #35829C #2C6C81 #225363 #193C48 #0E232A

Use #58AAC6 in Our Tools

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