#5456AB Color

#5456AB is rgb(84, 86, 171) in RGB and hsl(239, 34%, 50%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#5456AB

HEX#5456AB

RGBrgb(84, 86, 171)

HSLhsl(239, 34%, 50%)

HSVhsv(239, 51%, 67%)

OKLCHoklch(49.5% 0.133 279.4)

CMYKcmyk(51%, 50%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text6.37:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#5456AB Complementary#ABA954 Analogous#5481AB Analogous#7E54AB Triadic#AB5456 Triadic#56AB54

Tints & Shades

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

Tints

#6C6DB7 #8485C2 #9C9DCE #B0B1D8 #C8C9E4 #E0E1F0

Shades

#484A93 #3E3F7E #323367 #282952 #1D1D3A #131326

Use #5456AB in Our Tools

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