#4D3597

#4D3597

Color Values

HEX

#4D3597

RGB

77, 53, 151

HSL

254.7, 48.0%, 40.0%

HSV

254.7, 64.9%, 59.2%

CMYK

49.0%, 64.9%, 0.0%, 40.8%

OKLCH

0.4144 0.1525 289.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#4D3597

#7F9735

Analogous

#354E97

#7E3597

#4D3597

Triadic

#4D3597

#974D35

#35974D

Split Complementary

#4D3597

#977E35

#4E9735

Tetradic

#4D3597

#97354E

#7F9735

#35977E

Color Blindness Simulation

Original

#4D3597

Protanopia

#43427F

Deuteranopia

#44467A

Tritanopia

#4C6D68

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D3CAEC
300
#B3A4DF
400
#8A73CE
500
#6042BD
600
#4D3597
700
#3E2A79
800
#30215E
900
#261C45
950
#18112C

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

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