#554A64

#554A64

Color Values

HEX

#554A64

RGB

85, 74, 100

HSL

265.4, 14.9%, 34.1%

HSV

265.4, 26.0%, 39.2%

CMYK

15.0%, 26.0%, 0.0%, 60.8%

OKLCH

0.4303 0.0443 303.9

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#554A64

#59644A

Analogous

#4A4C64

#624A64

#554A64

Triadic

#554A64

#64554A

#4A6455

Split Complementary

#554A64

#64624A

#4C644A

Tetradic

#554A64

#644A4C

#59644A

#4A6462

Color Blindness Simulation

Original

#554A64

Protanopia

#50505E

Deuteranopia

#51525C

Tritanopia

#545958

Achromatopsia

#4E4E4E

CSS Usage

background-color: #554A64;
color: #554A64;
border-color: #554A64;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DAD6E1
300
#C0B9CB
400
#9E93AF
500
#7D6D92
600
#645775
700
#50455E
800
#3E3649
900
#2F2A37
950
#1E1A23

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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