#403CB3

#403CB3

Color Values

HEX

#403CB3

RGB

64, 60, 179

HSL

242.0, 49.8%, 46.9%

HSV

242.0, 66.5%, 70.2%

CMYK

64.2%, 66.5%, 0.0%, 29.8%

OKLCH

0.4391 0.1821 277.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#403CB3

#AFB33C

Analogous

#3C74B3

#7C3CB3

#403CB3

Triadic

#403CB3

#B3403C

#3CB340

Split Complementary

#403CB3

#B37C3C

#74B33C

Tetradic

#403CB3

#B33C74

#AFB33C

#3CB37C

Color Blindness Simulation

Original

#403CB3

Protanopia

#3E3E96

Deuteranopia

#3E3F8F

Tritanopia

#407F7A

Achromatopsia

#454545

CSS Usage

background-color: #403CB3;
color: #403CB3;
border-color: #403CB3;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CBCAED
300
#A5A3E0
400
#7572D0
500
#4440BF
600
#373399
700
#2C297A
800
#22205F
900
#1C1B46
950
#12112C

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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