#420332

#420332

Color Values

HEX

#420332

RGB

66, 3, 50

HSL

315.2, 91.3%, 13.5%

HSV

315.2, 95.5%, 25.9%

CMYK

0.0%, 95.5%, 24.2%, 74.1%

OKLCH

0.2583 0.1061 341.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#420332

#034213

Analogous

#320342

#420313

#420332

Triadic

#420332

#324203

#033242

Split Complementary

#420332

#134203

#034232

Tetradic

#420332

#423203

#034213

#031342

Color Blindness Simulation

Original

#420332

Protanopia

#272627

Deuteranopia

#2A2F24

Tritanopia

#3F1E1C

Achromatopsia

#141414

CSS Usage

background-color: #420332;
color: #420332;
border-color: #420332;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FCBBEB
300
#FA8ADD
400
#F74BCB
500
#F40BB9
600
#C30994
700
#9C0776
800
#7A065C
900
#580944
950
#38052B

Contrast Checker

Text on white

16.27:1

AA Pass AAA Pass

Text on black

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