#7037E1 Color

#7037E1 is rgb(112, 55, 225) in RGB and hsl(260, 74%, 55%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#7037E1

HEX#7037E1

RGBrgb(112, 55, 225)

HSLhsl(260, 74%, 55%)

HSVhsv(260, 76%, 88%)

OKLCHoklch(51.6% 0.237 290.9)

CMYKcmyk(50%, 76%, 0%, 12%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7037E1 Complementary#A9E137 Analogous#3754E1 Analogous#C537E1 Triadic#E17037 Triadic#37E170

Tints & Shades

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

Tints

#8352E5 #966DE9 #A987ED #BFA6F2 #D2C1F6 #E6DCFA

Shades

#5C20D5 #4D1BB1 #3F1692 #321173 #240D54 #150731

Use #7037E1 in Our Tools

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