#57777C

#57777C

Color Values

HEX

#57777C

RGB

87, 119, 124

HSL

188.1, 17.5%, 41.4%

HSV

188.1, 29.8%, 48.6%

CMYK

29.8%, 4.0%, 0.0%, 51.4%

OKLCH

0.5465 0.0374 208.1

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#57777C

#7C5C57

Analogous

#577C6F

#57657C

#57777C

Triadic

#57777C

#7C5777

#777C57

Split Complementary

#57777C

#7C5765

#7C6F57

Tetradic

#57777C

#6F577C

#7C5C57

#657C57

Color Blindness Simulation

Original

#57777C

Protanopia

#65657B

Deuteranopia

#63617A

Tritanopia

#597A7A

Achromatopsia

#717171

CSS Usage

background-color: #57777C;
color: #57777C;
border-color: #57777C;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90ADB1
500
#699096
600
#547378
700
#435C60
800
#35484B
900
#293638
950
#1A2223

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026