#557C6B

#557C6B

Color Values

HEX

#557C6B

RGB

85, 124, 107

HSL

153.8, 18.7%, 41.0%

HSV

153.8, 31.5%, 48.6%

CMYK

31.5%, 0.0%, 13.7%, 51.4%

OKLCH

0.5519 0.0514 165.6

Properties

Cool Dark Nearest: Wintergreen Dream

Color Harmonies

Complementary

#557C6B

#7C5566

Analogous

#557C57

#557A7C

#557C6B

Triadic

#557C6B

#6B557C

#7C6B55

Split Complementary

#557C6B

#7C557A

#7C5755

Tetradic

#557C6B

#57557C

#7C5566

#7A7C55

Color Blindness Simulation

Original

#557C6B

Protanopia

#66666F

Deuteranopia

#646170

Tritanopia

#577273

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DC
300
#B6CDC3
400
#8FB2A3
500
#689783
600
#537968
700
#426154
800
#344C41
900
#283931
950
#19241F

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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