#603EEA Color

#603EEA is rgb(96, 62, 234) in RGB and hsl(252, 80%, 58%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#603EEA

HEX#603EEA

RGBrgb(96, 62, 234)

HSLhsl(252, 80%, 58%)

HSVhsv(252, 74%, 92%)

OKLCHoklch(51.7% 0.241 283.1)

CMYKcmyk(59%, 74%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#603EEA Complementary#C7EA3E Analogous#3E72EA Analogous#B63EEA Triadic#EA603E Triadic#3EEA60

Tints & Shades

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

Tints

#775AED #8A71EF #A18CF2 #B7A8F5 #CEC3F8 #E1DAFB

Shades

#4219E6 #3916C5 #2E12A1 #240E7C #190A57 #100637

Use #603EEA in Our Tools

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