#526CAD Color

#526CAD is rgb(82, 108, 173) in RGB and hsl(223, 36%, 50%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#526CAD

HEX#526CAD

RGBrgb(82, 108, 173)

HSLhsl(223, 36%, 50%)

HSVhsv(223, 53%, 68%)

OKLCHoklch(54.1% 0.107 266.4)

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

Text Contrast & Accessibility

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

TextWhite text5.11:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#526CAD Complementary#AD9352 Analogous#529AAD Analogous#6552AD Triadic#AD526C Triadic#6CAD52

Tints & Shades

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

Tints

#6A80B9 #8295C4 #9AAAD0 #AFBBD9 #C8D0E5 #E0E4F0

Shades

#465D95 #3C5080 #314168 #273453 #1C253B #121826

Use #526CAD in Our Tools

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