#554C49

#554C49

Color Values

HEX

#554C49

RGB

85, 76, 73

HSL

15.0, 7.6%, 31.0%

HSV

15.0, 14.1%, 33.3%

CMYK

0.0%, 10.6%, 14.1%, 66.7%

OKLCH

0.4244 0.0131 39.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#554C49

#495255

Analogous

#55494C

#555249

#554C49

Triadic

#554C49

#49554C

#4C4955

Split Complementary

#554C49

#495552

#494C55

Tetradic

#554C49

#4C5549

#495255

#524955

Color Blindness Simulation

Original

#554C49

Protanopia

#51514A

Deuteranopia

#52524A

Tritanopia

#554A4A

Achromatopsia

#4E4E4E

CSS Usage

background-color: #554C49;
color: #554C49;
border-color: #554C49;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDAD9
300
#C6BFBD
400
#A89D99
500
#897B76
600
#6E625E
700
#584E4B
800
#453D3B
900
#342F2D
950
#211E1D

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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