#554C56

#554C56

Color Values

HEX

#554C56

RGB

85, 76, 86

HSL

294.0, 6.2%, 31.8%

HSV

294.0, 11.6%, 33.7%

CMYK

1.2%, 11.6%, 0.0%, 66.3%

OKLCH

0.429 0.0199 322.8

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#554C56

#4D564C

Analogous

#504C56

#564C52

#554C56

Triadic

#554C56

#56554C

#4C5655

Split Complementary

#554C56

#52564C

#4C5650

Tetradic

#554C56

#56504C

#4D564C

#4C5256

Color Blindness Simulation

Original

#554C56

Protanopia

#515154

Deuteranopia

#525253

Tritanopia

#555251

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD9DE
300
#C5BEC6
400
#A59BA6
500
#867887
600
#6B606C
700
#564D57
800
#433C44
900
#332E33
950
#201D20

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

2.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026