HEX Color #8A0066 (Purple)

About #8A0066

Visually, #8A0066 is defined as a vivid magenta. Designers often compare it to the standard color Purple. Its digital footprint relies on 138 parts red, 0 parts green, and 102 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 100% M, 26% Y, and 46% K. The HSL representation is 315.7° hue, 100.0% saturation, and 27.1% 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#8A0066

RGB138, 0, 102

HSL315.7°, 100.0%, 27.1%

CMYK0%, 100%, 26%, 46%

HSV315.7°, 100.0%, 54.1%

LAB30.3, 57.2, -18.9

XYZ12.9, 6.4, 13.1

Decimal9044070

Color Harmonies

Complementary

#8A0066 #008A24

Analogous

#69008A #8A0020

Triadic

#658A00 #00658A

Tetradic

#8A6900 #008A24 #00208A

Tints, Shades & Tones

Tints (Adding White)

#8A0066

#971C77

#A43888

#B15599

#BE71AA

#CB8DBB

#D8AACC

#E5C6DD

#F2E2EE

#FFFFFF

Shades (Adding Black)

#8A0066

#7A005A

#6B004F

#5C0044

#4C0038

#3D002D

#2E0022

#1E0016

#0F000B

#000000

WCAG Contrast Accessibility

9.24:1

Text on #FFFFFF

AAA

2.27:1

Text on #000000

FAIL

8.83:1

Text on #F8FAFC

AAA

1.93:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8A0066; }

.text-color { color: #8A0066; }

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

Similar Colors

Purple

#800080