#554F39

#554F39

Color Values

HEX

#554F39

RGB

85, 79, 57

HSL

47.1, 19.7%, 27.8%

HSV

47.1, 32.9%, 33.3%

CMYK

0.0%, 7.1%, 32.9%, 66.7%

OKLCH

0.4271 0.0351 94.7

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#554F39

#393F55

Analogous

#554139

#4D5539

#554F39

Triadic

#554F39

#39554F

#4F3955

Split Complementary

#554F39

#394D55

#413955

Tetradic

#554F39

#395541

#393F55

#55394D

Color Blindness Simulation

Original

#554F39

Protanopia

#52523E

Deuteranopia

#535340

Tritanopia

#554343

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2DFD4
300
#CEC9B6
400
#B3AB8E
500
#998E66
600
#7A7152
700
#625B42
800
#4C4733
900
#393528
950
#242219

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026