#393498

#393498

Color Values

HEX

#393498

RGB

57, 52, 152

HSL

243.0, 49.0%, 40.0%

HSV

243.0, 65.8%, 59.6%

CMYK

62.5%, 65.8%, 0.0%, 40.4%

OKLCH

0.3962 0.1577 278.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#393498

#939834

Analogous

#346198

#6B3498

#393498

Triadic

#393498

#983934

#349839

Split Complementary

#393498

#986B34

#619834

Tetradic

#393498

#983461

#939834

#34986B

Color Blindness Simulation

Original

#393498

Protanopia

#373780

Deuteranopia

#37387A

Tritanopia

#396D68

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CCCAED
300
#A7A4E0
400
#7772CF
500
#4741BE
600
#393498
700
#2E2A7A
800
#24215F
900
#1D1B46
950
#12112C

Contrast Checker

Text on white

9.91:1

AA Pass AAA Pass

Text on black

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