#421B3F

#421B3F

Color Values

HEX

#421B3F

RGB

66, 27, 63

HSL

304.6, 41.9%, 18.2%

HSV

304.6, 59.1%, 25.9%

CMYK

0.0%, 59.1%, 4.5%, 74.1%

OKLCH

0.2947 0.0804 330.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#421B3F

#1B421E

Analogous

#311B42

#421B2B

#421B3F

Triadic

#421B3F

#3F421B

#1B3F42

Split Complementary

#421B3F

#2B421B

#1B4231

Tetradic

#421B3F

#42311B

#1B421E

#1B2B42

Color Blindness Simulation

Original

#421B3F

Protanopia

#313136

Deuteranopia

#333634

Tritanopia

#402F2E

Achromatopsia

#262626

CSS Usage

background-color: #421B3F;
color: #421B3F;
border-color: #421B3F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FAF5FA
100
#F4E7F3
200
#EACCE8
300
#DBA8D8
400
#C879C2
500
#B54AAD
600
#913B8A
700
#742F6F
800
#5A2556
900
#431E40
950
#2A1328

Contrast Checker

Text on white

14.38:1

AA Pass AAA Pass

Text on black

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