#393597

#393597

Color Values

HEX

#393597

RGB

57, 53, 151

HSL

242.4, 48.0%, 40.0%

HSV

242.4, 64.9%, 59.2%

CMYK

62.3%, 64.9%, 0.0%, 40.8%

OKLCH

0.397 0.1551 278.5

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#393597

#939735

Analogous

#356297

#6A3597

#393597

Triadic

#393597

#973935

#359739

Split Complementary

#393597

#976A35

#629735

Tetradic

#393597

#973562

#939735

#35976A

Color Blindness Simulation

Original

#393597

Protanopia

#37377F

Deuteranopia

#38387A

Tritanopia

#396D68

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CCCAEC
300
#A7A4DF
400
#7773CE
500
#4742BD
600
#393597
700
#2E2A79
800
#24215E
900
#1D1C45
950
#12112C

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

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