#554D4E

#554D4E

Color Values

HEX

#554D4E

RGB

85, 77, 78

HSL

352.5, 4.9%, 31.8%

HSV

352.5, 9.4%, 33.3%

CMYK

0.0%, 9.4%, 8.2%, 66.7%

OKLCH

0.4284 0.0108 8.9

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#554D4E

#4D5554

Analogous

#554D52

#55504D

#554D4E

Triadic

#554D4E

#4E554D

#4D4E55

Split Complementary

#554D4E

#4D5550

#4D5255

Tetradic

#554D4E

#52554D

#4D5554

#504D55

Color Blindness Simulation

Original

#554D4E

Protanopia

#52514E

Deuteranopia

#52534E

Tritanopia

#554E4E

Achromatopsia

#4F4F4F

CSS Usage

background-color: #554D4E;
color: #554D4E;
border-color: #554D4E;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDDADA
300
#C5BFC0
400
#A59C9D
500
#86797B
600
#6B6162
700
#564E4F
800
#433D3D
900
#332E2F
950
#201D1E

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026