#526BFA Color

#526BFA is rgb(82, 107, 250) in RGB and hsl(231, 94%, 65%) in HSL. The closest CSS named color is RoyalBlue. Black text is most readable on this background.

#526BFA

HEX#526BFA

RGBrgb(82, 107, 250)

HSLhsl(231, 94%, 65%)

HSVhsv(231, 67%, 98%)

OKLCHoklch(59.1% 0.214 270.8)

CMYKcmyk(67%, 57%, 0%, 2%)

Text Contrast & Accessibility

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

TextWhite text4.34:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text4.84:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#526BFA Complementary#FAE052 Analogous#52BFFA Analogous#8D52FA Triadic#FA526B Triadic#6BFA52

Tints & Shades

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

Tints

#6B80FA #7E91FB #97A6FC #B0BBFD #C9D0FD #DCE1FE

Shades

#2545F8 #072AED #0622C1 #051A94 #031268 #020B40

Use #526BFA in Our Tools

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