#40367C

#40367C

Color Values

HEX

#40367C

RGB

64, 54, 124

HSL

248.6, 39.3%, 34.9%

HSV

248.6, 56.5%, 48.6%

CMYK

48.4%, 56.5%, 0.0%, 51.4%

OKLCH

0.3826 0.1144 286.2

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#40367C

#727C36

Analogous

#364F7C

#63367C

#40367C

Triadic

#40367C

#7C4036

#367C40

Split Complementary

#40367C

#7C6336

#4F7C36

Tetradic

#40367C

#7C364F

#727C36

#367C63

Color Blindness Simulation

Original

#40367C

Protanopia

#3C3C6B

Deuteranopia

#3C3D67

Tritanopia

#405E5B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D1CDE9
300
#B1AADA
400
#867CC6
500
#5C4DB2
600
#493E8E
700
#3B3272
800
#2E2759
900
#241F42
950
#171429

Contrast Checker

Text on white

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