#420C71

#420C71

Color Values

HEX

#420C71

RGB

66, 12, 113

HSL

272.1, 80.8%, 24.5%

HSV

272.1, 89.4%, 44.3%

CMYK

41.6%, 89.4%, 0.0%, 55.7%

OKLCH

0.3169 0.1538 301.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#420C71

#3B710C

Analogous

#100C71

#710C6D

#420C71

Triadic

#420C71

#71420C

#0C7142

Split Complementary

#420C71

#6D710C

#0C7110

Tetradic

#420C71

#71100C

#3B710C

#0C6D71

Color Blindness Simulation

Original

#420C71

Protanopia

#2B2A59

Deuteranopia

#2E3253

Tritanopia

#3F4541

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBEF8
300
#C590F3
400
#A654ED
500
#8718E7
600
#6C14B8
700
#561094
800
#430C73
900
#330D54
950
#200835

Contrast Checker

Text on white

13.79:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026