#554E93

#554E93

Color Values

HEX

#554E93

RGB

85, 78, 147

HSL

246.1, 30.7%, 44.1%

HSV

246.1, 46.9%, 57.6%

CMYK

42.2%, 46.9%, 0.0%, 42.4%

OKLCH

0.4644 0.1094 285.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#554E93

#8C934E

Analogous

#4E6993

#774E93

#554E93

Triadic

#554E93

#93554E

#4E9355

Split Complementary

#554E93

#93774E

#69934E

Tetradic

#554E93

#934E69

#8C934E

#4E9377

Color Blindness Simulation

Original

#554E93

Protanopia

#525282

Deuteranopia

#52537E

Tritanopia

#557572

Achromatopsia

#545454

CSS Usage

background-color: #554E93;
color: #554E93;
border-color: #554E93;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D3D0E6
300
#B3AFD5
400
#8A84BE
500
#6058A7
600
#4D4785
700
#3E396B
800
#302C53
900
#26233E
950
#181627

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

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