#554A44

#554A44

Color Values

HEX

#554A44

RGB

85, 74, 68

HSL

21.2, 11.1%, 30.0%

HSV

21.2, 20.0%, 33.3%

CMYK

0.0%, 12.9%, 20.0%, 66.7%

OKLCH

0.4182 0.0178 50.5

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#554A44

#444F55

Analogous

#554446

#555344

#554A44

Triadic

#554A44

#44554A

#4A4455

Split Complementary

#554A44

#445553

#444655

Tetradic

#554A44

#465544

#444F55

#534455

Color Blindness Simulation

Original

#554A44

Protanopia

#505045

Deuteranopia

#515246

Tritanopia

#544747

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDAD7
300
#C9C0BB
400
#AB9E96
500
#8E7B71
600
#71635B
700
#5B4F49
800
#473E39
900
#352F2C
950
#221E1C

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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