#420523

#420523

Color Values

HEX

#420523

RGB

66, 5, 35

HSL

330.5, 85.9%, 13.9%

HSV

330.5, 92.4%, 25.9%

CMYK

0.0%, 92.4%, 47.0%, 74.1%

OKLCH

0.2528 0.0943 356.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#420523

#054224

Analogous

#420541

#420605

#420523

Triadic

#420523

#234205

#052342

Split Complementary

#420523

#054206

#054142

Tetradic

#420523

#414205

#054224

#060542

Color Blindness Simulation

Original

#420523

Protanopia

#28271C

Deuteranopia

#2B301A

Tritanopia

#3F1615

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDB
300
#F68DC1
400
#F2509F
500
#ED127E
600
#BE0E65
700
#980C50
800
#77093F
900
#560B30
950
#36071E

Contrast Checker

Text on white

16.44:1

AA Pass AAA Pass

Text on black

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