#420766

A dark, vivid purple closely aligning with Midnightblue.

About #420766

When working with digital screens, the color #420766 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Midnightblue. Its digital footprint relies on 66 parts red, 7 parts green, and 102 parts blue light.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 35% C, 93% M, 0% Y, and 60% K. 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#420766
RGB66, 7, 102
HSL277.3°, 87.2%, 21.4%
CMYK35%, 93%, 0%, 60%
HSV277.3°, 93.1%, 40.0%
LAB16.8, 42.2, -41.2
XYZ4.7, 2.3, 12.8
Decimal4327270

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

14.44:1
Text on #FFFFFF
AAA
1.45:1
Text on #000000
FAIL
13.81:1
Text on #F8FAFC
AAA
1.24:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Midnightblue
#191970