#554A2B

#554A2B

Color Values

HEX

#554A2B

RGB

85, 74, 43

HSL

44.3, 32.8%, 25.1%

HSV

44.3, 49.4%, 33.3%

CMYK

0.0%, 12.9%, 49.4%, 66.7%

OKLCH

0.4121 0.0489 90.6

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#554A2B

#2B3655

Analogous

#55352B

#4B552B

#554A2B

Triadic

#554A2B

#2B554A

#4A2B55

Split Complementary

#554A2B

#2B4B55

#352B55

Tetradic

#554A2B

#2B5535

#2B3655

#552B4B

Color Blindness Simulation

Original

#554A2B

Protanopia

#505032

Deuteranopia

#515234

Tritanopia

#54383A

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2F0E8
200
#E7E1D0
300
#D6CBAE
400
#C0AF82
500
#A99356
600
#877645
700
#6C5E37
800
#554A2B
900
#3F3722
950
#282316

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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