#420542

#420542

Color Values

HEX

#420542

RGB

66, 5, 66

HSL

300.0, 85.9%, 13.9%

HSV

300.0, 92.4%, 25.9%

CMYK

0.0%, 92.4%, 0.0%, 74.1%

OKLCH

0.2706 0.116 328.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#420542

#054205

Analogous

#230542

#420523

#420542

Triadic

#420542

#424205

#054242

Split Complementary

#420542

#234205

#054223

Tetradic

#420542

#422305

#054205

#052342

Color Blindness Simulation

Original

#420542

Protanopia

#282733

Deuteranopia

#2B3030

Tritanopia

#3F2825

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDFA
300
#F68DF6
400
#F250F2
500
#ED12ED
600
#BE0EBE
700
#980C98
800
#770977
900
#560B56
950
#360736

Contrast Checker

Text on white

15.77:1

AA Pass AAA Pass

Text on black

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