#420227

#420227

Color Values

HEX

#420227

RGB

66, 2, 39

HSL

325.3, 94.1%, 13.3%

HSV

325.3, 97.0%, 25.9%

CMYK

0.0%, 97.0%, 40.9%, 74.1%

OKLCH

0.2514 0.1005 351.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#420227

#02421D

Analogous

#3D0242

#420207

#420227

Triadic

#420227

#274202

#022742

Split Complementary

#420227

#074202

#02423D

Tetradic

#420227

#423D02

#02421D

#020742

Color Blindness Simulation

Original

#420227

Protanopia

#26261E

Deuteranopia

#2A2F1C

Tritanopia

#3F1715

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBAE1
300
#FB88CB
400
#F948AF
500
#F70892
600
#C60675
700
#9E055E
800
#7C0449
900
#590737
950
#390523

Contrast Checker

Text on white

16.54:1

AA Pass AAA Pass

Text on black

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