#54408C

#54408C

Color Values

HEX

#54408C

RGB

84, 64, 140

HSL

255.8, 37.3%, 40.0%

HSV

255.8, 54.3%, 54.9%

CMYK

40.0%, 54.3%, 0.0%, 45.1%

OKLCH

0.432 0.1213 292.7

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#54408C

#788C40

Analogous

#40528C

#7A408C

#54408C

Triadic

#54408C

#8C5440

#408C54

Split Complementary

#54408C

#8C7A40

#528C40

Tetradic

#54408C

#8C4052

#788C40

#408C7A

Color Blindness Simulation

Original

#54408C

Protanopia

#4B4B7A

Deuteranopia

#4C4E75

Tritanopia

#536B68

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D5CEE9
300
#B7ABD9
400
#907DC4
500
#6950AF
600
#54408C
700
#433370
800
#342858
900
#292041
950
#1A1429

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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