#420778

#420778

Color Values

HEX

#420778

RGB

66, 7, 120

HSL

271.3, 89.0%, 24.9%

HSV

271.3, 94.2%, 47.1%

CMYK

45.0%, 94.2%, 0.0%, 52.9%

OKLCH

0.3206 0.1642 299.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#420778

#3D7807

Analogous

#090778

#780776

#420778

Triadic

#420778

#784207

#077842

Split Complementary

#420778

#767807

#077809

Tetradic

#420778

#780907

#3D7807

#077678

Color Blindness Simulation

Original

#420778

Protanopia

#28285D

Deuteranopia

#2C3056

Tritanopia

#3F4742

Achromatopsia

#1C1C1C

CSS Usage

background-color: #420778;
color: #420778;
border-color: #420778;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DDBCFB
300
#C48BF8
400
#A44DF5
500
#840EF1
600
#6A0BC1
700
#55099A
800
#420778
900
#320A57
950
#200637

Contrast Checker

Text on white

13.7:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026