HEX Color #7E076F (Purple)

About #7E076F

The precise color #7E076F is an excellent choice for modern design projects. It is closely associated with the named CSS color Purple. In the RGB color space, it consists of 126 red, 7 green, and 111 blue.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 94% Magenta, 12% Yellow, and 51% Black. With a hue angle of 307.6 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#7E076F

RGB126, 7, 111

HSL307.6°, 89.5%, 26.1%

CMYK0%, 94%, 12%, 51%

HSV307.6°, 94.4%, 49.4%

LAB28.7, 54.8, -27.4

XYZ11.5, 5.7, 15.5

Decimal8259439

Color Harmonies

Complementary

#7E076F #067E15

Analogous

#51067E #7E0633

Triadic

#6F7E06 #066F7E

Tetradic

#7E5106 #067E15 #06337E

Tints, Shades & Tones

Tints (Adding White)

#7E076F

#8C227F

#9A3E8F

#A9599F

#B775AF

#C590BF

#D4ACCF

#E2C7DF

#F0E3EF

#FFFFFF

Shades (Adding Black)

#7E076F

#700662

#620556

#54044A

#46033D

#380331

#2A0225

#1C0118

#0E000C

#000000

WCAG Contrast Accessibility

9.78:1

Text on #FFFFFF

AAA

2.15:1

Text on #000000

FAIL

9.35:1

Text on #F8FAFC

AAA

1.83:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Purple

#800080