#400337

#400337

Color Values

HEX

#400337

RGB

64, 3, 55

HSL

308.9, 91.0%, 13.1%

HSV

308.9, 95.3%, 25.1%

CMYK

0.0%, 95.3%, 14.1%, 74.9%

OKLCH

0.2574 0.1086 335.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#400337

#03400C

Analogous

#2A0340

#400318

#400337

Triadic

#400337

#374003

#033740

Split Complementary

#400337

#184003

#03402A

Tetradic

#400337

#402A03

#03400C

#031840

Color Blindness Simulation

Original

#400337

Protanopia

#26252A

Deuteranopia

#292E27

Tritanopia

#3D201E

Achromatopsia

#141414

CSS Usage

background-color: #400337;
color: #400337;
border-color: #400337;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF2
300
#F98AE9
400
#F74BDD
500
#F40BD1
600
#C309A7
700
#9C0786
800
#7A0669
900
#58094C
950
#380630

Contrast Checker

Text on white

16.33:1

AA Pass AAA Pass

Text on black

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