#57494D

#57494D

Color Values

HEX

#57494D

RGB

87, 73, 77

HSL

342.9, 8.8%, 31.4%

HSV

342.9, 16.1%, 34.1%

CMYK

0.0%, 16.1%, 11.5%, 65.9%

OKLCH

0.421 0.0199 358.9

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#57494D

#495753

Analogous

#574954

#574C49

#57494D

Triadic

#57494D

#4D5749

#494D57

Split Complementary

#57494D

#49574C

#495457

Tetradic

#57494D

#545749

#495753

#4C4957

Color Blindness Simulation

Original

#57494D

Protanopia

#51514C

Deuteranopia

#52534C

Tritanopia

#564B4B

Achromatopsia

#4C4C4C

CSS Usage

background-color: #57494D;
color: #57494D;
border-color: #57494D;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DA
300
#C7BCBF
400
#A9989D
500
#8B747B
600
#6F5D62
700
#594A4F
800
#453A3D
900
#342D2F
950
#211C1E

Contrast Checker

Text on white

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