#57787D

#57787D

Color Values

HEX

#57787D

RGB

87, 120, 125

HSL

187.9, 17.9%, 41.6%

HSV

187.9, 30.4%, 49.0%

CMYK

30.4%, 4.0%, 0.0%, 51.0%

OKLCH

0.5493 0.0384 207.7

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#57787D

#7D5C57

Analogous

#577D6F

#57657D

#57787D

Triadic

#57787D

#7D5778

#787D57

Split Complementary

#57787D

#7D5765

#7D6F57

Tetradic

#57787D

#6F577D

#7D5C57

#657D57

Color Blindness Simulation

Original

#57787D

Protanopia

#65667C

Deuteranopia

#63617C

Tritanopia

#597B7B

Achromatopsia

#717171

CSS Usage

background-color: #57787D;
color: #57787D;
border-color: #57787D;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90ADB2
500
#699096
600
#547378
700
#435C60
800
#34484B
900
#293638
950
#1A2224

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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