#5248DB Color

#5248DB is rgb(82, 72, 219) in RGB and hsl(244, 67%, 57%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#5248DB

HEX#5248DB

RGBrgb(82, 72, 219)

HSLhsl(244, 67%, 57%)

HSVhsv(244, 67%, 86%)

OKLCHoklch(50.7% 0.215 278.5)

CMYKcmyk(63%, 67%, 0%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5248DB Complementary#D1DB48 Analogous#4888DB Analogous#9B48DB Triadic#DB5248 Triadic#48DB52

Tints & Shades

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

Tints

#6A61E0 #827BE5 #9A95EA #AEAAEE #C7C3F3 #DFDDF8

Shades

#3429D1 #2D23B3 #241D91 #1D1773 #141051 #0D0A33

Use #5248DB in Our Tools

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