#5491BB Color

#5491BB is rgb(84, 145, 187) in RGB and hsl(204, 43%, 53%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#5491BB

HEX#5491BB

RGBrgb(84, 145, 187)

HSLhsl(204, 43%, 53%)

HSVhsv(204, 55%, 73%)

OKLCHoklch(63.3% 0.09 240.3)

CMYKcmyk(55%, 22%, 0%, 27%)

Text Contrast & Accessibility

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

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

TextBlack text6.14:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5491BB Complementary#BB7D54 Analogous#54BBB0 Analogous#545EBB Triadic#BB5491 Triadic#91BB54

Tints & Shades

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

Tints

#699FC3 #83B0CE #99BED6 #B2CEE0 #C8DCE9 #E2ECF3

Shades

#437FA8 #396C8E #2F5975 #24455B #1A3242 #101E28

Use #5491BB in Our Tools

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