#5571A5 Color

#5571A5 is rgb(85, 113, 165) in RGB and hsl(219, 32%, 49%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#5571A5

HEX#5571A5

RGBrgb(85, 113, 165)

HSLhsl(219, 32%, 49%)

HSVhsv(219, 48%, 65%)

OKLCHoklch(54.9% 0.088 262.2)

CMYKcmyk(48%, 32%, 0%, 35%)

Text Contrast & Accessibility

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

TextWhite text4.89:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.29:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#5571A5 Complementary#A58955 Analogous#5599A5 Analogous#6155A5 Triadic#A55571 Triadic#71A555

Tints & Shades

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

Tints

#6B84B3 #8298BF #9AABCB #B2BFD7 #C9D2E3 #E1E6EF

Shades

#4B6391 #3E5379 #344565 #28354D #1D2739 #111722

Use #5571A5 in Our Tools

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