HEX Color #661657 (Purple)

About #661657

The precise color #661657 is an excellent choice for modern design projects. It is closely associated with the named CSS color Purple. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 22, and 87.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 78% Magenta, 15% Yellow, and 60% Black. This makes it a relatively dark color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. 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#661657

RGB102, 22, 87

HSL311.2°, 64.5%, 24.3%

CMYK0%, 78%, 15%, 60%

HSV311.2°, 78.4%, 40.0%

LAB24.0, 42.1, -19.5

XYZ7.5, 4.1, 9.4

Decimal6690391

Color Harmonies

Complementary

#661657 #166625

Analogous

#4C1666 #66162F

Triadic

#566616 #165666

Tetradic

#664D16 #166625 #162E66

Tints, Shades & Tones

Tints (Adding White)

#661657

#772F69

#88497C

#99638F

#AA7DA1

#BB97B4

#CCB1C7

#DDCBD9

#EEE5EC

#FFFFFF

Shades (Adding Black)

#661657

#5A134D

#4F1143

#440E3A

#380C30

#2D0926

#22071D

#160413

#0B0209

#000000

WCAG Contrast Accessibility

11.56:1

Text on #FFFFFF

AAA

1.82:1

Text on #000000

FAIL

11.04:1

Text on #F8FAFC

AAA

1.54:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #661657; }

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

Similar Colors

Purple

#800080