#401324

#401324

Color Values

HEX

#401324

RGB

64, 19, 36

HSL

337.3, 54.2%, 16.3%

HSV

337.3, 70.3%, 25.1%

CMYK

0.0%, 70.3%, 43.8%, 74.9%

OKLCH

0.2657 0.0726 359.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#401324

#13402F

Analogous

#40133B

#401913

#401324

Triadic

#401324

#244013

#132440

Split Complementary

#401324

#134019

#133B40

Tetradic

#401324

#3B4013

#13402F

#191340

Color Blindness Simulation

Original

#401324

Protanopia

#2D2C20

Deuteranopia

#2F321F

Tritanopia

#3E1D1C

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EFC8D7
300
#E3A1BA
400
#D46E94
500
#C53A6F
600
#9D2F59
700
#7E2547
800
#621D37
900
#48192B
950
#2E101B

Contrast Checker

Text on white

15.71:1

AA Pass AAA Pass

Text on black

1.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026