#5464A6 Color

#5464A6 is rgb(84, 100, 166) in RGB and hsl(228, 33%, 49%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#5464A6

HEX#5464A6

RGBrgb(84, 100, 166)

HSLhsl(228, 33%, 49%)

HSVhsv(228, 49%, 65%)

OKLCHoklch(52.1% 0.106 272)

CMYKcmyk(49%, 40%, 0%, 35%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5464A6 Complementary#A69654 Analogous#548DA6 Analogous#6C54A6 Triadic#A65464 Triadic#64A654

Tints & Shades

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

Tints

#6A79B4 #828EC0 #99A3CC #B1B9D8 #C9CEE4 #E0E4F0

Shades

#495892 #3E4A7A #333D66 #272F4E #1D233A #111422

Use #5464A6 in Our Tools

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