HEX Color #7C16FF (Blue)

About #7C16FF

The precise color #7C16FF is an excellent choice for modern design projects. Its closest recognized web color is Blue. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 22, and 255.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 51% cyan and 91% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#7C16FF

RGB124, 22, 255

HSL266.3°, 100.0%, 54.3%

CMYK51%, 91%, 0%, 0%

HSV266.3°, 91.4%, 100.0%

LAB41.3, 80.1, -92.6

XYZ26.6, 12.1, 95.5

Decimal8132351

Color Harmonies

Complementary

#7C16FF #98FE16

Analogous

#1624FE #F016FE

Triadic

#FE7C16 #16FE7C

Tetradic

#FE1624 #98FE16 #16FEF0

Tints, Shades & Tones

Tints (Adding White)

#7C16FF

#8A2FFF

#9949FF

#A763FF

#B67DFF

#C497FF

#D3B1FF

#E1CBFF

#F0E5FF

#FFFFFF

Shades (Adding Black)

#7C16FF

#6E13E2

#6011C6

#520EAA

#440C8D

#370971

#290755

#1B0438

#0D021C

#000000

WCAG Contrast Accessibility

6.15:1

Text on #FFFFFF

AA

3.42:1

Text on #000000

AA Large

5.88:1

Text on #F8FAFC

AA

2.90:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blue

#0000FF