#400313

#400313

Color Values

HEX

#400313

RGB

64, 3, 19

HSL

344.3, 91.0%, 13.1%

HSV

344.3, 95.3%, 25.1%

CMYK

0.0%, 95.3%, 70.3%, 74.9%

OKLCH

0.2407 0.0906 12.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#400313

#034030

Analogous

#400331

#401103

#400313

Triadic

#400313

#134003

#031340

Split Complementary

#400313

#034011

#033140

Tetradic

#400313

#314003

#034030

#110340

Color Blindness Simulation

Original

#400313

Protanopia

#26250F

Deuteranopia

#292E0E

Tritanopia

#3D0C0B

Achromatopsia

#111111

CSS Usage

background-color: #400313;
color: #400313;
border-color: #400313;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FDF1F5
100
#FBDFE7
200
#FCBBCC
300
#F98AA7
400
#F74B78
500
#F40B48
600
#C3093A
700
#9C072E
800
#7A0624
900
#58091E
950
#380613

Contrast Checker

Text on white

16.93:1

AA Pass AAA Pass

Text on black

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