#554C3E

#554C3E

Color Values

HEX

#554C3E

RGB

85, 76, 62

HSL

36.5, 15.6%, 28.8%

HSV

36.5, 27.1%, 33.3%

CMYK

0.0%, 10.6%, 27.1%, 66.7%

OKLCH

0.4212 0.0253 78.8

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#554C3E

#3E4755

Analogous

#55403E

#52553E

#554C3E

Triadic

#554C3E

#3E554C

#4C3E55

Split Complementary

#554C3E

#3E5255

#403E55

Tetradic

#554C3E

#3E5540

#3E4755

#553E52

Color Blindness Simulation

Original

#554C3E

Protanopia

#515141

Deuteranopia

#525242

Tritanopia

#554445

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DDD6
300
#CBC4B8
400
#AFA492
500
#93846C
600
#766956
700
#5E5445
800
#4A4236
900
#37322A
950
#23201A

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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