#554C80

#554C80

Color Values

HEX

#554C80

RGB

85, 76, 128

HSL

250.4, 25.5%, 40.0%

HSV

250.4, 40.6%, 50.2%

CMYK

33.6%, 40.6%, 0.0%, 49.8%

OKLCH

0.4489 0.0839 290.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#554C80

#77804C

Analogous

#4C5D80

#6F4C80

#554C80

Triadic

#554C80

#80554C

#4C8055

Split Complementary

#554C80

#806F4C

#5D804C

Tetradic

#554C80

#804C5D

#77804C

#4C806F

Color Blindness Simulation

Original

#554C80

Protanopia

#515173

Deuteranopia

#525270

Tritanopia

#556967

Achromatopsia

#525252

CSS Usage

background-color: #554C80;
color: #554C80;
border-color: #554C80;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F6F9
100
#EBE9F1
200
#D5D2E4
300
#B8B2D1
400
#9189B9
500
#6A5FA0
600
#554C80
700
#443D66
800
#352F50
900
#29253C
950
#1A1826

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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