#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