#421B30

#421B30

Color Values

HEX

#421B30

RGB

66, 27, 48

HSL

327.7, 41.9%, 18.2%

HSV

327.7, 59.1%, 25.9%

CMYK

0.0%, 59.1%, 27.3%, 74.1%

OKLCH

0.2871 0.067 348.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#421B30

#1B422D

Analogous

#401B42

#421B1C

#421B30

Triadic

#421B30

#30421B

#1B3042

Split Complementary

#421B30

#1C421B

#1B4240

Tetradic

#421B30

#42401B

#1B422D

#1B1C42

Color Blindness Simulation

Original

#421B30

Protanopia

#31312B

Deuteranopia

#33362A

Tritanopia

#402726

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F4E7EE
200
#EACCDC
300
#DBA8C4
400
#C879A4
500
#B54A84
600
#913B69
700
#742F54
800
#5A2542
900
#431E32
950
#2A131F

Contrast Checker

Text on white

14.67:1

AA Pass AAA Pass

Text on black

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