#557E73

#557E73

Color Values

HEX

#557E73

RGB

85, 126, 115

HSL

163.9, 19.4%, 41.4%

HSV

163.9, 32.5%, 49.4%

CMYK

32.5%, 0.0%, 8.7%, 50.6%

OKLCH

0.5594 0.0489 175.8

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#557E73

#7E5560

Analogous

#557E5F

#55757E

#557E73

Triadic

#557E73

#73557E

#7E7355

Split Complementary

#557E73

#7E5575

#7E5F55

Tetradic

#557E73

#5F557E

#7E5560

#757E55

Color Blindness Simulation

Original

#557E73

Protanopia

#676776

Deuteranopia

#646176

Tritanopia

#577878

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2DF
300
#B6CEC7
400
#8EB3A9
500
#67988B
600
#527A6F
700
#426159
800
#334C45
900
#283934
950
#192421

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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