#57717A

#57717A

Color Values

HEX

#57717A

RGB

87, 113, 122

HSL

195.4, 16.7%, 41.0%

HSV

195.4, 28.7%, 47.8%

CMYK

28.7%, 7.4%, 0.0%, 52.2%

OKLCH

0.5314 0.0335 221.0

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#57717A

#7A6057

Analogous

#577A72

#57607A

#57717A

Triadic

#57717A

#7A5771

#717A57

Split Complementary

#57717A

#7A5760

#7A7257

Tetradic

#57717A

#72577A

#7A6057

#607A57

Color Blindness Simulation

Original

#57717A

Protanopia

#626278

Deuteranopia

#615F77

Tritanopia

#587676

Achromatopsia

#6C6C6C

CSS Usage

background-color: #57717A;
color: #57717A;
border-color: #57717A;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B8C7CC
400
#91A8B0
500
#6A8A95
600
#556E77
700
#44585F
800
#35454A
900
#293438
950
#1A2123

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026