#553F4B

#553F4B

Color Values

HEX

#553F4B

RGB

85, 63, 75

HSL

327.3, 14.9%, 29.0%

HSV

327.3, 25.9%, 33.3%

CMYK

0.0%, 25.9%, 11.8%, 66.7%

OKLCH

0.3959 0.0358 344.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#553F4B

#3F5549

Analogous

#543F55

#553F40

#553F4B

Triadic

#553F4B

#4B553F

#3F4B55

Split Complementary

#553F4B

#40553F

#3F5554

Tetradic

#553F4B

#55543F

#3F5549

#3F4055

Color Blindness Simulation

Original

#553F4B

Protanopia

#4B4B48

Deuteranopia

#4D4E47

Tritanopia

#544645

Achromatopsia

#454545

CSS Usage

background-color: #553F4B;
color: #553F4B;
border-color: #553F4B;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E1D6DC
300
#CBB9C3
400
#AF93A2
500
#926D81
600
#755767
700
#5E4553
800
#493641
900
#372A31
950
#231A1F

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

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