#5A69CE Color

#5A69CE is rgb(90, 105, 206) in RGB and hsl(232, 54%, 58%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#5A69CE

HEX#5A69CE

RGBrgb(90, 105, 206)

HSLhsl(232, 54%, 58%)

HSVhsv(232, 56%, 81%)

OKLCHoklch(56% 0.155 273.9)

CMYKcmyk(56%, 49%, 0%, 19%)

Text Contrast & Accessibility

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

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

TextBlack text4.35:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#5A69CE Complementary#CEBE5A Analogous#5AA3CE Analogous#845ACE Triadic#CE5A69 Triadic#69CE5A

Tints & Shades

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

Tints

#727FD5 #8591DB #9DA6E2 #B4BBE9 #CCD1F0 #E0E3F6

Shades

#3B4DC4 #3242A9 #293689 #202A6A #161D4B #0E122F

Use #5A69CE in Our Tools

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