#420320

#420320

Color Values

HEX

#420320

RGB

66, 3, 32

HSL

332.4, 91.3%, 13.5%

HSV

332.4, 95.5%, 25.9%

CMYK

0.0%, 95.5%, 51.5%, 74.1%

OKLCH

0.2494 0.0958 359.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#420320

#034225

Analogous

#42033F

#420603

#420320

Triadic

#420320

#204203

#032042

Split Complementary

#420320

#034206

#033F42

Tetradic

#420320

#3F4203

#034225

#060342

Color Blindness Simulation

Original

#420320

Protanopia

#272619

Deuteranopia

#2A2F17

Tritanopia

#3F1312

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBBD9
300
#FA8ABD
400
#F74B9A
500
#F40B76
600
#C3095F
700
#9C074C
800
#7A063B
900
#58092D
950
#38051D

Contrast Checker

Text on white

16.59:1

AA Pass AAA Pass

Text on black

1.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026