#528AAD Color

#528AAD is rgb(82, 138, 173) in RGB and hsl(203, 36%, 50%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#528AAD

HEX#528AAD

RGBrgb(82, 138, 173)

HSLhsl(203, 36%, 50%)

HSVhsv(203, 53%, 68%)

OKLCHoklch(60.9% 0.08 237.5)

CMYKcmyk(53%, 20%, 0%, 32%)

Text Contrast & Accessibility

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

TextWhite text3.75:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.6:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#528AAD Complementary#AD7552 Analogous#52ADA3 Analogous#525CAD Triadic#AD528A Triadic#8AAD52

Tints & Shades

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

Tints

#6A9BB9 #82ABC4 #9ABBD0 #AFC9D9 #C8DAE5 #E0EAF0

Shades

#467795 #3C6680 #315368 #274253 #1C2F3B #121E26

Use #528AAD in Our Tools

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