#420C83

#420C83

Color Values

HEX

#420C83

RGB

66, 12, 131

HSL

267.2, 83.2%, 28.0%

HSV

267.2, 90.8%, 51.4%

CMYK

49.6%, 90.8%, 0.0%, 48.6%

OKLCH

0.3352 0.1721 295.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#420C83

#4D830C

Analogous

#0C1283

#7D0C83

#420C83

Triadic

#420C83

#83420C

#0C8342

Split Complementary

#420C83

#837D0C

#12830C

Tetradic

#420C83

#830C12

#4D830C

#0C837D

Color Blindness Simulation

Original

#420C83

Protanopia

#2B2A66

Deuteranopia

#2E325F

Tritanopia

#3F4F4A

Achromatopsia

#202020

CSS Usage

background-color: #420C83;
color: #420C83;
border-color: #420C83;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F2FD
100
#ECE1FA
200
#D9BEF9
300
#BD8FF5
400
#9952EF
500
#7615EA
600
#5E11BB
700
#4B0E95
800
#3B0B75
900
#2D0C55
950
#1C0836

Contrast Checker

Text on white

13.03:1

AA Pass AAA Pass

Text on black

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