#579980

#579980

Color Values

HEX

#579980

RGB

87, 153, 128

HSL

157.3, 27.5%, 47.1%

HSV

157.3, 43.1%, 60.0%

CMYK

43.1%, 0.0%, 16.3%, 40.0%

OKLCH

0.6314 0.0783 167.5

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#579980

#995770

Analogous

#57995F

#579199

#579980

Triadic

#579980

#805799

#998057

Split Complementary

#579980

#995791

#995F57

Tetradic

#579980

#5F5799

#995770

#919957

Color Blindness Simulation

Original

#579980

Protanopia

#747486

Deuteranopia

#706B88

Tritanopia

#5A8B8C

Achromatopsia

#898989

CSS Usage

background-color: #579980;
color: #579980;
border-color: #579980;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D1E5DE
300
#B1D3C6
400
#87BBA7
500
#5CA388
600
#4A826D
700
#3B6857
800
#2E5144
900
#243C33
950
#172620

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.27:1

AA Pass 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