#578276

#578276

Color Values

HEX

#578276

RGB

87, 130, 118

HSL

163.3, 19.8%, 42.5%

HSV

163.3, 33.1%, 51.0%

CMYK

33.1%, 0.0%, 9.2%, 49.0%

OKLCH

0.5714 0.0512 175.0

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#578276

#825763

Analogous

#578260

#577882

#578276

Triadic

#578276

#765782

#827657

Split Complementary

#578276

#825778

#826057

Tetradic

#578276

#605782

#825763

#788257

Color Blindness Simulation

Original

#578276

Protanopia

#6A6A79

Deuteranopia

#67647A

Tritanopia

#597B7C

Achromatopsia

#787878

CSS Usage

background-color: #578276;
color: #578276;
border-color: #578276;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DE
300
#B6CEC7
400
#8EB3A9
500
#66998B
600
#527A6F
700
#416259
800
#334C45
900
#283934
950
#192421

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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