#403580

#403580

Color Values

HEX

#403580

RGB

64, 53, 128

HSL

248.8, 41.4%, 35.5%

HSV

248.8, 58.6%, 50.2%

CMYK

50.0%, 58.6%, 0.0%, 49.8%

OKLCH

0.3837 0.1217 285.8

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#403580

#758035

Analogous

#355080

#663580

#403580

Triadic

#403580

#804035

#358040

Split Complementary

#403580

#806635

#508035

Tetradic

#403580

#803550

#758035

#358066

Color Blindness Simulation

Original

#403580

Protanopia

#3B3B6E

Deuteranopia

#3C3D6A

Tritanopia

#3F605C

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CDEA
300
#B0A8DB
400
#857AC8
500
#5A4BB4
600
#483C90
700
#3A3073
800
#2D255A
900
#241E43
950
#17132A

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

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