#554646

#554646

Color Values

HEX

#554646

RGB

85, 70, 70

HSL

0,0, 9,7%, 30,4%

HSV

0,0, 17,6%, 33,3%

CMYK

0,0%, 17,6%, 17,6%, 66,7%

OKLCH

0,4097 0,0205 18,0

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#554646

#465555

Analogous

#55464E

#554E46

#554646

Triadic

#554646

#465546

#464655

Split Complementary

#554646

#46554E

#464E55

Tetradic

#554646

#4E5546

#465555

#4E4655

Color Blindness Simulation

Original

#554646

Protanopia

#4F4E46

Deuteranopia

#4F5046

Tritanopia

#544646

Achromatopsia

#494949

CSS Usage

background-color: #554646;
color: #554646;
border-color: #554646;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BCBC
400
#AA9797
500
#8C7373
600
#705C5C
700
#5A4A4A
800
#463A3A
900
#352C2C
950
#211C1C

Contrast Checker

Text on white

8,93:1

AA Pass AAA Pass

Text on black

2,35: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