#5388AC Color

#5388AC is rgb(83, 136, 172) in RGB and hsl(204, 35%, 50%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#5388AC

HEX#5388AC

RGBrgb(83, 136, 172)

HSLhsl(204, 35%, 50%)

HSVhsv(204, 52%, 67%)

OKLCHoklch(60.4% 0.079 239.6)

CMYKcmyk(52%, 21%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5388AC Complementary#AC7753 Analogous#53ACA3 Analogous#535CAC Triadic#AC5388 Triadic#88AC53

Tints & Shades

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

Tints

#6B99B8 #83AAC3 #9BBACF #B0C8D9 #C8D9E4 #E0EAF0

Shades

#477594 #3D657F #325267 #284153 #1C2E3B #121E26

Use #5388AC in Our Tools

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