#402B78

#402B78

Color Values

HEX

#402B78

RGB

64, 43, 120

HSL

256.4, 47.2%, 32.0%

HSV

256.4, 64.2%, 47.1%

CMYK

46.7%, 64.2%, 0.0%, 52.9%

OKLCH

0.3595 0.1253 291.4

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#402B78

#63782B

Analogous

#2B3D78

#672B78

#402B78

Triadic

#402B78

#78402B

#2B7840

Split Complementary

#402B78

#78672B

#3D782B

Tetradic

#402B78

#782B3D

#63782B

#2B7867

Color Blindness Simulation

Original

#402B78

Protanopia

#373765

Deuteranopia

#383A61

Tritanopia

#3F5753

Achromatopsia

#353535

CSS Usage

background-color: #402B78;
color: #402B78;
border-color: #402B78;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CAEC
300
#B5A5DF
400
#8C74CD
500
#6443BC
600
#503696
700
#402B78
800
#32225E
900
#271C45
950
#19122C

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

1.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026