#40367B

#40367B

Color Values

HEX

#40367B

RGB

64, 54, 123

HSL

248.7, 39.0%, 34.7%

HSV

248.7, 56.1%, 48.2%

CMYK

48.0%, 56.1%, 0.0%, 51.8%

OKLCH

0.3819 0.1129 286.4

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#40367B

#717B36

Analogous

#364E7B

#62367B

#40367B

Triadic

#40367B

#7B4036

#367B40

Split Complementary

#40367B

#7B6236

#4E7B36

Tetradic

#40367B

#7B364E

#717B36

#367B62

Color Blindness Simulation

Original

#40367B

Protanopia

#3C3C6A

Deuteranopia

#3C3D66

Tritanopia

#405D5A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D1CDE9
300
#B1AADA
400
#877CC5
500
#5C4EB1
600
#4A3E8E
700
#3B3271
800
#2E2759
900
#241F41
950
#171429

Contrast Checker

Text on white

10.34:1

AA Pass AAA Pass

Text on black

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