#554B98

#554B98

Color Values

HEX

#554B98

RGB

85, 75, 152

HSL

247.8, 33.9%, 44.5%

HSV

247.8, 50.7%, 59.6%

CMYK

44.1%, 50.7%, 0.0%, 40.4%

OKLCH

0.4617 0.1213 286.6

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#554B98

#8E984B

Analogous

#4B6798

#7B4B98

#554B98

Triadic

#554B98

#98554B

#4B9855

Split Complementary

#554B98

#987B4B

#67984B

Tetradic

#554B98

#984B67

#8E984B

#4B987B

Color Blindness Simulation

Original

#554B98

Protanopia

#515185

Deuteranopia

#515281

Tritanopia

#547773

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE7
300
#B2ADD7
400
#8981C1
500
#6054AB
600
#4C4389
700
#3D366D
800
#302A55
900
#26223F
950
#181528

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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