#403496

#403496

Color Values

HEX

#403496

RGB

64, 52, 150

HSL

247.3, 48.5%, 39.6%

HSV

247.3, 65.3%, 58.8%

CMYK

57.3%, 65.3%, 0.0%, 41.2%

OKLCH

0.4001 0.1537 282.5

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#403496

#8A9634

Analogous

#345996

#713496

#403496

Triadic

#403496

#964034

#349640

Split Complementary

#403496

#967134

#599634

Tetradic

#403496

#963459

#8A9634

#349671

Color Blindness Simulation

Original

#403496

Protanopia

#3B3B7E

Deuteranopia

#3C3C79

Tritanopia

#3F6C67

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CECAED
300
#ABA4DF
400
#7E73CE
500
#5142BD
600
#413597
700
#342A79
800
#28215F
900
#201B46
950
#14112C

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

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