#403073

#403073

Color Values

HEX

#403073

RGB

64, 48, 115

HSL

254.3, 41.1%, 32.0%

HSV

254.3, 58.3%, 45.1%

CMYK

44.3%, 58.3%, 0.0%, 54.9%

OKLCH

0.3645 0.1106 290.9

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#403073

#637330

Analogous

#304273

#623073

#403073

Triadic

#403073

#734030

#307340

Split Complementary

#403073

#736230

#427330

Tetradic

#403073

#733042

#637330

#307362

Color Blindness Simulation

Original

#403073

Protanopia

#393963

Deuteranopia

#3A3B5F

Tritanopia

#3F5653

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDEA
300
#B5A9DB
400
#8C7AC7
500
#644BB4
600
#503C90
700
#403073
800
#32265A
900
#271F42
950
#19132A

Contrast Checker

Text on white

11.12:1

AA Pass AAA Pass

Text on black

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