#554E4D

#554E4D

Color Values

HEX

#554E4D

RGB

85, 78, 77

HSL

7.5, 4.9%, 31.8%

HSV

7.5, 9.4%, 33.3%

CMYK

0.0%, 8.2%, 9.4%, 66.7%

OKLCH

0.4304 0.0095 27.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#554E4D

#4D5455

Analogous

#554D50

#55524D

#554E4D

Triadic

#554E4D

#4D554E

#4E4D55

Split Complementary

#554E4D

#4D5552

#4D5055

Tetradic

#554E4D

#50554D

#4D5455

#524D55

Color Blindness Simulation

Original

#554E4D

Protanopia

#52524D

Deuteranopia

#52534D

Tritanopia

#554D4D

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDADA
300
#C5C0BF
400
#A59D9C
500
#867B79
600
#6B6261
700
#564F4E
800
#433D3D
900
#332F2E
950
#201E1D

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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