#554353

#554353

Color Values

HEX

#554353

RGB

85, 67, 83

HSL

306.7, 11.8%, 29.8%

HSV

306.7, 21.2%, 33.3%

CMYK

0.0%, 21.2%, 2.4%, 66.7%

OKLCH

0.4077 0.0353 329.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#554353

#435545

Analogous

#4E4355

#55434A

#554353

Triadic

#554353

#535543

#435355

Split Complementary

#554353

#4A5543

#43554E

Tetradic

#554353

#554E43

#435545

#434A55

Color Blindness Simulation

Original

#554353

Protanopia

#4D4D4F

Deuteranopia

#4E504E

Tritanopia

#544C4B

Achromatopsia

#484848

CSS Usage

background-color: #554353;
color: #554353;
border-color: #554353;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7DF
300
#C9BBC7
400
#AC96A9
500
#8F708B
600
#725A6F
700
#5B4859
800
#473846
900
#362B34
950
#221B21

Contrast Checker

Text on white

9.08:1

AA Pass AAA Pass

Text on black

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