#554546

#554546

Color Values

HEX

#554546

RGB

85, 69, 70

HSL

356.2, 10.4%, 30.2%

HSV

356.2, 18.8%, 33.3%

CMYK

0.0%, 18.8%, 17.6%, 66.7%

OKLCH

0.4074 0.022 13.9

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#554546

#455554

Analogous

#55454E

#554C45

#554546

Triadic

#554546

#465545

#454655

Split Complementary

#554546

#45554C

#454E55

Tetradic

#554546

#4E5545

#455554

#4C4555

Color Blindness Simulation

Original

#554546

Protanopia

#4E4E46

Deuteranopia

#4F5046

Tritanopia

#544646

Achromatopsia

#484848

CSS Usage

background-color: #554546;
color: #554546;
border-color: #554546;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BBBC
400
#AA9798
500
#8D7274
600
#715B5D
700
#5A494A
800
#46393A
900
#352C2C
950
#211C1C

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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