#554C67

#554C67

Color Values

HEX

#554C67

RGB

85, 76, 103

HSL

260.0, 15.1%, 35.1%

HSV

260.0, 26.2%, 40.4%

CMYK

17.5%, 26.2%, 0.0%, 59.6%

OKLCH

0.4361 0.0451 299.8

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#554C67

#5E674C

Analogous

#4C5067

#634C67

#554C67

Triadic

#554C67

#67554C

#4C6755

Split Complementary

#554C67

#67634C

#50674C

Tetradic

#554C67

#674C50

#5E674C

#4C6763

Color Blindness Simulation

Original

#554C67

Protanopia

#515160

Deuteranopia

#52525F

Tritanopia

#555B5A

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#DAD6E1
300
#BFB9CB
400
#9C92AF
500
#796C93
600
#615775
700
#4D455E
800
#3D3649
900
#2E2A37
950
#1D1A23

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

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