#5257EB Color

#5257EB is rgb(82, 87, 235) in RGB and hsl(238, 79%, 62%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#5257EB

HEX#5257EB

RGBrgb(82, 87, 235)

HSLhsl(238, 79%, 62%)

HSVhsv(238, 65%, 92%)

OKLCHoklch(54.4% 0.218 275)

CMYKcmyk(65%, 63%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5257EB Complementary#EBE652 Analogous#52A3EB Analogous#9952EB Triadic#EB5257 Triadic#57EB52

Tints & Shades

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

Tints

#686DED #7F83F0 #9699F3 #B1B4F6 #C8CAF9 #DFE0FB

Shades

#2D33E6 #181ECD #1419A9 #101384 #0B0E60 #060837

Use #5257EB in Our Tools

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