HEX Color #7C42F0 (Blueviolet)

About #7C42F0

At its core, #7C42F0 is a light and vivid hue. If you're using CSS, you might find it aligns closely with Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 66, and 240.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 48% C, 72% M, 0% Y, and 6% K. The HSL representation is 260.0° hue, 85.3% saturation, and 60.0% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7C42F0

RGB124, 66, 240

HSL260.0°, 85.3%, 60.0%

CMYK48%, 72%, 0%, 6%

HSV260.0°, 72.5%, 94.1%

LAB44.9, 62.0, -78.3

XYZ26.0, 14.5, 83.9

Decimal8143600

Color Harmonies

Complementary

#7C42F0 #B5F041

Analogous

#415EF0 #D241F0

Triadic

#F07B41 #41F07C

Tetradic

#F0415E #B5F041 #41F0D3

Tints, Shades & Tones

Tints (Adding White)

#7C42F0

#8A57F1

#996CF3

#A781F5

#B696F6

#C4ABF8

#D3C0FA

#E1D5FB

#F0EAFD

#FFFFFF

Shades (Adding Black)

#7C42F0

#6E3AD5

#6033BA

#522CA0

#442485

#371D6A

#291650

#1B0E35

#0D071A

#000000

WCAG Contrast Accessibility

5.39:1

Text on #FFFFFF

AA

3.89:1

Text on #000000

AA Large

5.15:1

Text on #F8FAFC

AA

3.31:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #7C42F0; }

.text-color { color: #7C42F0; }

.border-color { border: 2px solid #7C42F0; }

Similar Colors

Blueviolet

#8A2BE2