#555437

#555437

Color Values

HEX

#555437

RGB

85, 84, 55

HSL

58.0, 21.4%, 27.5%

HSV

58.0, 35.3%, 33.3%

CMYK

0.0%, 1.2%, 35.3%, 66.7%

OKLCH

0.4388 0.0444 106.4

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#555437

#373855

Analogous

#554537

#475537

#555437

Triadic

#555437

#375554

#543755

Split Complementary

#555437

#374755

#453755

Tetradic

#555437

#375545

#373855

#553747

Color Blindness Simulation

Original

#555437

Protanopia

#55553E

Deuteranopia

#555540

Tritanopia

#554445

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E3E2D4
300
#CFCEB5
400
#B5B38C
500
#9B9964
600
#7C7A50
700
#636240
800
#4D4C32
900
#3A3927
950
#242419

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

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