#557C57

#557C57

Color Values

HEX

#557C57

RGB

85, 124, 87

HSL

123.1, 18.7%, 41.0%

HSV

123.1, 31.5%, 48.6%

CMYK

31.5%, 0.0%, 29.8%, 51.4%

OKLCH

0.5467 0.0718 145.7

Properties

Cool Dark Nearest: darkseagreen 4

Color Harmonies

Complementary

#557C57

#7C557A

Analogous

#677C55

#557C6B

#557C57

Triadic

#557C57

#57557C

#7C5755

Split Complementary

#557C57

#6B557C

#7C5567

Tetradic

#557C57

#55677C

#7C557A

#7C6B55

Color Blindness Simulation

Original

#557C57

Protanopia

#666660

Deuteranopia

#646162

Tritanopia

#576769

Achromatopsia

#717171

CSS Usage

background-color: #557C57;
color: #557C57;
border-color: #557C57;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D5
300
#B6CDB8
400
#8FB291
500
#68976A
600
#537955
700
#426144
800
#344C35
900
#283929
950
#19241A

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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