#8525E4 Color

#8525E4 is rgb(133, 37, 228) in RGB and hsl(270, 78%, 52%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#8525E4

HEX#8525E4

RGBrgb(133, 37, 228)

HSLhsl(270, 78%, 52%)

HSVhsv(270, 84%, 89%)

OKLCHoklch(52.5% 0.256 299.6)

CMYKcmyk(42%, 84%, 0%, 11%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#8525E4 Complementary#85E425 Analogous#2525E4 Analogous#E425E4 Triadic#E48525 Triadic#25E485

Tints & Shades

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

Tints

#9645E8 #A660EB #B880EF #C79BF3 #D9BBF7 #E8D6FA

Shades

#7319CC #6115AC #4F118D #400E71 #2E0A52 #1C0632

Use #8525E4 in Our Tools

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