HEX Color #7C0066 (Purple)

About #7C0066

The precise color #7C0066 is an excellent choice for modern design projects. Designers often compare it to the standard color Purple. In the RGB color space, it consists of 124 red, 0 green, and 102 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. The HSL representation is 310.6° hue, 100.0% saturation, and 24.3% lightness.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7C0066

RGB124, 0, 102

HSL310.6°, 100.0%, 24.3%

CMYK0%, 100%, 18%, 51%

HSV310.6°, 100.0%, 48.6%

LAB27.4, 54.4, -23.7

XYZ10.7, 5.2, 13.0

Decimal8126566

Color Harmonies

Complementary

#7C0066 #007C15

Analogous

#53007C #7C0028

Triadic

#667C00 #00667C

Tetradic

#7C5300 #007C15 #00287C

Tints, Shades & Tones

Tints (Adding White)

#7C0066

#8A1C77

#993888

#A75599

#B671AA

#C48DBB

#D3AACC

#E1C6DD

#F0E2EE

#FFFFFF

Shades (Adding Black)

#7C0066

#6E005A

#60004F

#520044

#440038

#37002D

#290022

#1B0016

#0D000B

#000000

WCAG Contrast Accessibility

10.25:1

Text on #FFFFFF

AAA

2.05:1

Text on #000000

FAIL

9.80:1

Text on #F8FAFC

AAA

1.74:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Purple

#800080