#554C4A

#554C4A

Color Values

HEX

#554C4A

RGB

85, 76, 74

HSL

10.9, 6.9%, 31.2%

HSV

10.9, 12.9%, 33.3%

CMYK

0.0%, 10.6%, 12.9%, 66.7%

OKLCH

0.4248 0.0125 32.5

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#554C4A

#4A5355

Analogous

#554A4E

#55524A

#554C4A

Triadic

#554C4A

#4A554C

#4C4A55

Split Complementary

#554C4A

#4A5552

#4A4E55

Tetradic

#554C4A

#4E554A

#4A5355

#524A55

Color Blindness Simulation

Original

#554C4A

Protanopia

#51514A

Deuteranopia

#52524B

Tritanopia

#554B4B

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DEDAD9
300
#C6BFBE
400
#A79D9A
500
#887A77
600
#6D625F
700
#574E4C
800
#443D3B
900
#332F2D
950
#211D1D

Contrast Checker

Text on white

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