#421F37

#421F37

Color Values

HEX

#421F37

RGB

66, 31, 55

HSL

318.9, 36.1%, 19.0%

HSV

318.9, 53.0%, 25.9%

CMYK

0.0%, 53.0%, 16.7%, 74.1%

OKLCH

0.2973 0.0645 340.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#421F37

#1F422A

Analogous

#3B1F42

#421F25

#421F37

Triadic

#421F37

#37421F

#1F3742

Split Complementary

#421F37

#25421F

#1F423B

Tetradic

#421F37

#423B1F

#1F422A

#1F2542

Color Blindness Simulation

Original

#421F37

Protanopia

#333331

Deuteranopia

#353730

Tritanopia

#402D2C

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CEE0
300
#D8ACCA
400
#C37FAD
500
#AE5191
600
#8B4174
700
#6F345C
800
#572948
900
#402136
950
#291522

Contrast Checker

Text on white

14.16:1

AA Pass AAA Pass

Text on black

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