#5B4754

#5B4754

Color Values

HEX

#5B4754

RGB

91, 71, 84

HSL

321.0, 12.3%, 31.8%

HSV

321.0, 22.0%, 35.7%

CMYK

0.0%, 22.0%, 7.7%, 64.3%

OKLCH

0.4235 0.0338 339.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#5B4754

#475B4E

Analogous

#58475B

#5B474A

#5B4754

Triadic

#5B4754

#545B47

#47545B

Split Complementary

#5B4754

#4A5B47

#475B58

Tetradic

#5B4754

#5B5847

#475B4E

#474A5B

Color Blindness Simulation

Original

#5B4754

Protanopia

#525251

Deuteranopia

#545550

Tritanopia

#5A4E4E

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DD
300
#C9BAC4
400
#AC95A4
500
#8F7084
600
#73596A
700
#5C4855
800
#483842
900
#362B32
950
#221B20

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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