#524FB0 Color

#524FB0 is rgb(82, 79, 176) in RGB and hsl(242, 38%, 50%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#524FB0

HEX#524FB0

RGBrgb(82, 79, 176)

HSLhsl(242, 38%, 50%)

HSVhsv(242, 55%, 69%)

OKLCHoklch(48.4% 0.15 280.6)

CMYKcmyk(53%, 55%, 0%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#524FB0 Complementary#ADB04F Analogous#4F7CB0 Analogous#834FB0 Triadic#B0524F Triadic#4FB052

Tints & Shades

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

Tints

#6A68BB #8380C6 #9B99D1 #B0AEDB #C8C7E6 #E0DFF1

Shades

#474497 #3D3A82 #312F6A #272654 #1C1B3C #121127

Use #524FB0 in Our Tools

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