#574550

#574550

Color Values

HEX

#574550

RGB

87, 69, 80

HSL

323.3, 11.5%, 30.6%

HSV

323.3, 20.7%, 34.1%

CMYK

0.0%, 20.7%, 8.0%, 65.9%

OKLCH

0.4132 0.03 341.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#574550

#45574C

Analogous

#554557

#574547

#574550

Triadic

#574550

#505745

#455057

Split Complementary

#574550

#475745

#455755

Tetradic

#574550

#575545

#45574C

#454757

Color Blindness Simulation

Original

#574550

Protanopia

#4F4F4D

Deuteranopia

#50524D

Tritanopia

#564B4B

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#DFD7DC
300
#C9BBC3
400
#AC96A3
500
#8E7183
600
#725A69
700
#5B4854
800
#473841
900
#352B32
950
#221B1F

Contrast Checker

Text on white

8.85:1

AA Pass AAA Pass

Text on black

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