#420C74

#420C74

Color Values

HEX

#420C74

RGB

66, 12, 116

HSL

271.2, 81.2%, 25.1%

HSV

271.2, 89.7%, 45.5%

CMYK

43.1%, 89.7%, 0.0%, 54.5%

OKLCH

0.3199 0.1569 300.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#420C74

#3E740C

Analogous

#0E0C74

#740C72

#420C74

Triadic

#420C74

#74420C

#0C7442

Split Complementary

#420C74

#72740C

#0C740E

Tetradic

#420C74

#740E0C

#3E740C

#0C7274

Color Blindness Simulation

Original

#420C74

Protanopia

#2B2A5B

Deuteranopia

#2E3255

Tritanopia

#3F4743

Achromatopsia

#1F1F1F

CSS Usage

background-color: #420C74;
color: #420C74;
border-color: #420C74;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DCBEF8
300
#C490F3
400
#A454ED
500
#8418E7
600
#6913B9
700
#540F94
800
#420C74
900
#320D54
950
#1F0835

Contrast Checker

Text on white

13.67:1

AA Pass AAA Pass

Text on black

1.54: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