#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026