#554740

#554740

Color Values

HEX

#554740

RGB

85, 71, 64

HSL

20.0, 14.1%, 29.2%

HSV

20.0, 24.7%, 33.3%

CMYK

0.0%, 16.5%, 24.7%, 66.7%

OKLCH

0.4101 0.0224 48.2

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#554740

#404E55

Analogous

#554043

#555140

#554740

Triadic

#554740

#405547

#474055

Split Complementary

#554740

#405551

#404355

Tetradic

#554740

#435540

#404E55

#514055

Color Blindness Simulation

Original

#554740

Protanopia

#4F4F42

Deuteranopia

#505142

Tritanopia

#544343

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E0DAD6
300
#CABFB9
400
#AE9C93
500
#917A6E
600
#746158
700
#5D4E46
800
#493D37
900
#372E2A
950
#221D1B

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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