#4B3696

#4B3696

Color Values

HEX

#4B3696

RGB

75, 54, 150

HSL

253.1, 47.1%, 40.0%

HSV

253.1, 64.0%, 58.8%

CMYK

50.0%, 64.0%, 0.0%, 41.2%

OKLCH

0.4133 0.1499 288.1

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#4B3696

#819636

Analogous

#365196

#7B3696

#4B3696

Triadic

#4B3696

#964B36

#36964B

Split Complementary

#4B3696

#967B36

#519636

Tetradic

#4B3696

#963651

#819636

#36967B

Color Blindness Simulation

Original

#4B3696

Protanopia

#42427F

Deuteranopia

#434579

Tritanopia

#4A6C68

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D2CAEC
300
#B2A5DF
400
#8874CD
500
#5E43BC
600
#4B3696
700
#3C2B78
800
#2F225E
900
#251C45
950
#17122C

Contrast Checker

Text on white

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