#57727A

#57727A

Color Values

HEX

#57727A

RGB

87, 114, 122

HSL

193.7, 16.7%, 41.0%

HSV

193.7, 28.7%, 47.8%

CMYK

28.7%, 6.6%, 0.0%, 52.2%

OKLCH

0.5338 0.0338 217.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#57727A

#7A5F57

Analogous

#577A71

#57617A

#57727A

Triadic

#57727A

#7A5772

#727A57

Split Complementary

#57727A

#7A5761

#7A7157

Tetradic

#57727A

#71577A

#7A5F57

#617A57

Color Blindness Simulation

Original

#57727A

Protanopia

#636378

Deuteranopia

#615F78

Tritanopia

#587776

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5DFE1
300
#B8C7CC
400
#91A9B0
500
#6A8B95
600
#556F77
700
#44595F
800
#35464A
900
#293438
950
#1A2123

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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