#4A366E

#4A366E

Color Values

HEX

#4A366E

RGB

74, 54, 110

HSL

261.4, 34.1%, 32.2%

HSV

261.4, 50.9%, 43.1%

CMYK

32.7%, 50.9%, 0.0%, 56.9%

OKLCH

0.3828 0.0941 298.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#4A366E

#5A6E36

Analogous

#363E6E

#66366E

#4A366E

Triadic

#4A366E

#6E4A36

#366E4A

Split Complementary

#4A366E

#6E6636

#3E6E36

Tetradic

#4A366E

#6E363E

#5A6E36

#366E66

Color Blindness Simulation

Original

#4A366E

Protanopia

#414160

Deuteranopia

#42445D

Tritanopia

#495653

Achromatopsia

#3E3E3E

CSS Usage

background-color: #4A366E;
color: #4A366E;
border-color: #4A366E;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#ECE8F2
200
#D8CFE7
300
#BCADD7
400
#9780C1
500
#7354AB
600
#5C4389
700
#4A366D
800
#3A2A55
900
#2C223F
950
#1C1528

Contrast Checker

Text on white

10.27:1

AA Pass AAA Pass

Text on black

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