#579585

#579585

Color Values

HEX

#579585

RGB

87, 149, 133

HSL

164.5, 26.3%, 46.3%

HSV

164.5, 41.6%, 58.4%

CMYK

41.6%, 0.0%, 10.7%, 41.6%

OKLCH

0.623 0.0693 175.5

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#579585

#955767

Analogous

#579566

#578695

#579585

Triadic

#579585

#855795

#958557

Split Complementary

#579585

#955786

#956657

Tetradic

#579585

#665795

#955767

#869557

Color Blindness Simulation

Original

#579585

Protanopia

#727289

Deuteranopia

#6E6A8A

Tritanopia

#5A8C8D

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E5E0
300
#B2D2CA
400
#88B9AD
500
#5EA190
600
#4B8173
700
#3C675C
800
#2F5148
900
#253C36
950
#172622

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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