#577472

#577472

Color Values

HEX

#577472

RGB

87, 116, 114

HSL

175.9, 14.3%, 39.8%

HSV

175.9, 25.0%, 45.5%

CMYK

25.0%, 0.0%, 1.7%, 54.5%

OKLCH

0.5357 0.0337 190.9

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#577472

#745759

Analogous

#577464

#576774

#577472

Triadic

#577472

#725774

#747257

Split Complementary

#577472

#745767

#746457

Tetradic

#577472

#645774

#745759

#677457

Color Blindness Simulation

Original

#577472

Protanopia

#646472

Deuteranopia

#626073

Tritanopia

#587373

Achromatopsia

#6E6E6E

CSS Usage

background-color: #577472;
color: #577472;
border-color: #577472;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E0
300
#B9CBC9
400
#93AEAC
500
#6D928F
600
#577573
700
#465D5C
800
#374948
900
#2A3736
950
#1B2322

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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