#577879

#577879

Color Values

HEX

#577879

RGB

87, 120, 121

HSL

181.8, 16.3%, 40.8%

HSV

181.8, 28.1%, 47.5%

CMYK

28.1%, 0.8%, 0.0%, 52.5%

OKLCH

0.5479 0.0376 198.5

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#577879

#795857

Analogous

#577969

#576779

#577879

Triadic

#577879

#795778

#787957

Split Complementary

#577879

#795767

#796957

Tetradic

#577879

#695779

#795857

#677957

Color Blindness Simulation

Original

#577879

Protanopia

#656679

Deuteranopia

#636179

Tritanopia

#597979

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E1E1
300
#B8CBCC
400
#91AFB0
500
#6B9394
600
#557677
700
#445E5F
800
#354A4A
900
#293738
950
#1A2323

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026