HEX Color #660742 (Purple)

About #660742

The precise color #660742 is an excellent choice for modern design projects. Its closest recognized web color is Purple. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 7, and 66.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 93% magenta inks. With a hue angle of 322.7 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#660742

RGB102, 7, 66

HSL322.7°, 87.2%, 21.4%

CMYK0%, 93%, 35%, 60%

HSV322.7°, 93.1%, 40.0%

LAB21.5, 43.4, -9.2

XYZ6.5, 3.4, 5.5

Decimal6686530

Color Harmonies

Complementary

#660742 #07662B

Analogous

#5A0766 #660712

Triadic

#416607 #074266

Tetradic

#665A07 #07662B #071266

Tints, Shades & Tones

Tints (Adding White)

#660742

#772257

#883E6C

#995981

#AA7596

#BB90AB

#CCACC0

#DDC7D5

#EEE3EA

#FFFFFF

Shades (Adding Black)

#660742

#5A063A

#4F0533

#44042C

#380324

#2D031D

#220216

#16010E

#0B0007

#000000

WCAG Contrast Accessibility

12.54:1

Text on #FFFFFF

AAA

1.67:1

Text on #000000

FAIL

11.99:1

Text on #F8FAFC

AAA

1.42:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #660742; }

.text-color { color: #660742; }

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

Similar Colors

Purple

#800080