#420857

#420857

Color Values

HEX

#420857

RGB

66, 8, 87

HSL

284.1, 83.2%, 18.6%

HSV

284.1, 90.8%, 34.1%

CMYK

24.1%, 90.8%, 0.0%, 65.9%

OKLCH

0.2899 0.1316 314.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#420857

#1D5708

Analogous

#1B0857

#570844

#420857

Triadic

#420857

#574208

#085742

Split Complementary

#420857

#445708

#08571B

Tetradic

#420857

#571B08

#1D5708

#084457

Color Blindness Simulation

Original

#420857

Protanopia

#292844

Deuteranopia

#2C313F

Tritanopia

#3F3531

Achromatopsia

#1A1A1A

CSS Usage

background-color: #420857;
color: #420857;
border-color: #420857;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF2FD
100
#F3E1FA
200
#E9BEF9
300
#DA8FF5
400
#C652EF
500
#B115EA
600
#8E11BB
700
#720E95
800
#590B75
900
#420C55
950
#290836

Contrast Checker

Text on white

14.96:1

AA Pass AAA Pass

Text on black

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