#574651

#574651

Color Values

HEX

#574651

RGB

87, 70, 81

HSL

321.2, 10.8%, 30.8%

HSV

321.2, 19.5%, 34.1%

CMYK

0.0%, 19.5%, 6.9%, 65.9%

OKLCH

0.4157 0.0288 339.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#574651

#46574C

Analogous

#554657

#574649

#574651

Triadic

#574651

#515746

#465157

Split Complementary

#574651

#495746

#465755

Tetradic

#574651

#575546

#46574C

#464957

Color Blindness Simulation

Original

#574651

Protanopia

#504F4E

Deuteranopia

#51524E

Tritanopia

#564C4C

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD7DC
300
#C8BBC4
400
#AB96A4
500
#8D7284
600
#715B69
700
#5A4954
800
#473942
900
#352C32
950
#221C1F

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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