#5249CA Color

#5249CA is rgb(82, 73, 202) in RGB and hsl(244, 55%, 54%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#5249CA

HEX#5249CA

RGBrgb(82, 73, 202)

HSLhsl(244, 55%, 54%)

HSVhsv(244, 64%, 79%)

OKLCHoklch(49.4% 0.193 279.8)

CMYKcmyk(59%, 64%, 0%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5249CA Complementary#C2CA49 Analogous#4981CA Analogous#9249CA Triadic#CA5249 Triadic#49CA52

Tints & Shades

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

Tints

#6861D1 #837DD9 #9994E0 #B0ACE7 #C7C4EE #E1DFF6

Shades

#3F36BA #352E9E #2C2682 #211D63 #181547 #0F0D2B

Use #5249CA in Our Tools

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