#5A5492 Color

#5A5492 is rgb(90, 84, 146) in RGB and hsl(246, 27%, 45%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#5A5492

HEX#5A5492

RGBrgb(90, 84, 146)

HSLhsl(246, 27%, 45%)

HSVhsv(246, 42%, 57%)

OKLCHoklch(48% 0.098 286.5)

CMYKcmyk(38%, 42%, 0%, 43%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5A5492 Complementary#8C9254 Analogous#546D92 Analogous#795492 Triadic#925A54 Triadic#54925A

Tints & Shades

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

Tints

#6D67A8 #837DB5 #9C97C3 #B1AED0 #CAC8DF #E0DFEC

Shades

#4E497E #423D6B #363257 #2C2947 #201E34 #141320

Use #5A5492 in Our Tools

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