#421666

A dark, moderate purple closely aligning with Midnightblue.

About #421666

When working with digital screens, the color #421666 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 22, and 102.

If you are designing for print, the four-color process is what matters most. The color uses 35% Cyan, 78% Magenta, 0% Yellow, and 60% Black. With a hue angle of 273.0 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#421666
RGB66, 22, 102
HSL273.0°, 64.5%, 24.3%
CMYK35%, 78%, 0%, 60%
HSV273.0°, 78.4%, 40.0%
LAB18.8, 36.7, -38.1
XYZ4.9, 2.7, 12.8
Decimal4331110

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

13.65:1
Text on #FFFFFF
AAA
1.54:1
Text on #000000
FAIL
13.05:1
Text on #F8FAFC
AAA
1.31:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #421666; }
.text-color { color: #421666; }
.border-color { border: 2px solid #421666; }

Similar Colors

Midnightblue
#191970