#527DEB Color

#527DEB is rgb(82, 125, 235) in RGB and hsl(223, 79%, 62%) in HSL. The closest CSS named color is RoyalBlue. Black text is most readable on this background.

#527DEB

HEX#527DEB

RGBrgb(82, 125, 235)

HSLhsl(223, 79%, 62%)

HSVhsv(223, 65%, 92%)

OKLCHoklch(61.5% 0.172 265.5)

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

Text Contrast & Accessibility

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

TextWhite text3.82:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.49:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#527DEB Complementary#EBBF52 Analogous#52C9EB Analogous#7352EB Triadic#EB527D Triadic#7DEB52

Tints & Shades

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

Tints

#688EED #7F9FF0 #96B0F3 #B1C5F6 #C8D6F9 #DFE7FB

Shades

#2D62E6 #184BCD #143EA9 #103184 #0B2360 #061437

Use #527DEB in Our Tools

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