#554548

#554548

Color Values

HEX

#554548

RGB

85, 69, 72

HSL

348.8, 10.4%, 30.2%

HSV

348.8, 18.8%, 33.3%

CMYK

0.0%, 18.8%, 15.3%, 66.7%

OKLCH

0.4081 0.0224 5.5

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#554548

#455552

Analogous

#554550

#554A45

#554548

Triadic

#554548

#485545

#454855

Split Complementary

#554548

#45554A

#455055

Tetradic

#554548

#505545

#455552

#4A4555

Color Blindness Simulation

Original

#554548

Protanopia

#4E4E47

Deuteranopia

#4F5047

Tritanopia

#544747

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D9
300
#C8BBBE
400
#AA979B
500
#8D7277
600
#715B5F
700
#5A494C
800
#46393C
900
#352C2E
950
#211C1D

Contrast Checker

Text on white

9.01:1

AA Pass AAA Pass

Text on black

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