#554A61

#554A61

Color Values

HEX

#554A61

RGB

85, 74, 97

HSL

268.7, 13.5%, 33.5%

HSV

268.7, 23.7%, 38.0%

CMYK

12.4%, 23.7%, 0.0%, 62.0%

OKLCH

0.429 0.0398 306.5

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#554A61

#56614A

Analogous

#4A4A61

#604A61

#554A61

Triadic

#554A61

#61554A

#4A6155

Split Complementary

#554A61

#61604A

#4A614A

Tetradic

#554A61

#614A4A

#56614A

#4A6160

Color Blindness Simulation

Original

#554A61

Protanopia

#50505B

Deuteranopia

#51525A

Tritanopia

#545756

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E0
300
#C1BACA
400
#A094AD
500
#7F6E91
600
#655874
700
#51475D
800
#3F3748
900
#302B36
950
#1E1B22

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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