#57494F

#57494F

Color Values

HEX

#57494F

RGB

87, 73, 79

HSL

334.3, 8.8%, 31.4%

HSV

334.3, 16.1%, 34.1%

CMYK

0.0%, 16.1%, 9.2%, 65.9%

OKLCH

0.4217 0.0211 350.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#57494F

#495751

Analogous

#574956

#574A49

#57494F

Triadic

#57494F

#4F5749

#494F57

Split Complementary

#57494F

#49574A

#495657

Tetradic

#57494F

#565749

#495751

#4A4957

Color Blindness Simulation

Original

#57494F

Protanopia

#51514E

Deuteranopia

#52534D

Tritanopia

#564C4C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DB
300
#C7BCC1
400
#A9989F
500
#8B747E
600
#6F5D65
700
#594A51
800
#453A3F
900
#342D30
950
#211C1E

Contrast Checker

Text on white

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