#554B60

#554B60

Color Values

HEX

#554B60

RGB

85, 75, 96

HSL

268.6, 12.3%, 33.5%

HSV

268.6, 21.9%, 37.6%

CMYK

11.5%, 21.9%, 0.0%, 62.4%

OKLCH

0.4308 0.0363 306.5

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#554B60

#56604B

Analogous

#4B4B60

#5F4B60

#554B60

Triadic

#554B60

#60554B

#4B6055

Split Complementary

#554B60

#605F4B

#4B604B

Tetradic

#554B60

#604B4B

#56604B

#4B605F

Color Blindness Simulation

Original

#554B60

Protanopia

#51515B

Deuteranopia

#51525A

Tritanopia

#545756

Achromatopsia

#4F4F4F

CSS Usage

background-color: #554B60;
color: #554B60;
border-color: #554B60;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#EDEBEF
200
#DBD7E0
300
#C1BAC9
400
#A095AC
500
#7F708F
600
#655973
700
#51485C
800
#3F3848
900
#302B36
950
#1E1B22

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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