#420289

#420289

Color Values

HEX

#420289

RGB

66, 2, 137

HSL

268.4, 97.1%, 27.3%

HSV

268.4, 98.5%, 53.7%

CMYK

51.8%, 98.5%, 0.0%, 46.3%

OKLCH

0.3358 0.1836 294.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#420289

#498902

Analogous

#020689

#860289

#420289

Triadic

#420289

#894202

#028942

Split Complementary

#420289

#898602

#068902

Tetradic

#420289

#890206

#498902

#028986

Color Blindness Simulation

Original

#420289

Protanopia

#262668

Deuteranopia

#2A2F60

Tritanopia

#3F4F49

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B9FE
300
#BF86FD
400
#9C45FC
500
#7904FB
600
#6103C9
700
#4D02A1
800
#3C027E
900
#2E065B
950
#1D0439

Contrast Checker

Text on white

13.11:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026