#7842FF Color

#7842FF is rgb(120, 66, 255) in RGB and hsl(257, 100%, 63%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#7842FF

HEX#7842FF

RGBrgb(120, 66, 255)

HSLhsl(257, 100%, 63%)

HSVhsv(257, 74%, 100%)

OKLCHoklch(56.2% 0.258 288.1)

CMYKcmyk(53%, 74%, 0%, 0%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7842FF Complementary#CAFF42 Analogous#426BFF Analogous#D642FF Triadic#FF7842 Triadic#42FF78

Tints & Shades

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

Tints

#8A5CFF #9C75FF #AF8FFF #C1A8FF #D3C2FF #E5DBFF

Shades

#5B1AFF #4200EB #3700C2 #2A0094 #1E006B #11003D

Use #7842FF in Our Tools

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