#420970

#420970

Color Values

HEX

#420970

RGB

66, 9, 112

HSL

273.2, 85.1%, 23.7%

HSV

273.2, 92.0%, 43.9%

CMYK

41.1%, 92.0%, 0.0%, 56.1%

OKLCH

0.3138 0.155 302.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#420970

#377009

Analogous

#0E0970

#70096A

#420970

Triadic

#420970

#704209

#097042

Split Complementary

#420970

#6A7009

#09700E

Tetradic

#420970

#700E09

#377009

#096A70

Color Blindness Simulation

Original

#420970

Protanopia

#292957

Deuteranopia

#2D3151

Tritanopia

#3F433F

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE0FA
200
#DFBDFA
300
#C78EF6
400
#A950F1
500
#8B13EC
600
#6F0FBD
700
#590C97
800
#460976
900
#340B56
950
#210736

Contrast Checker

Text on white

13.96:1

AA Pass AAA Pass

Text on black

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