#557C77

#557C77

Color Values

HEX

#557C77

RGB

85, 124, 119

HSL

172.3, 18.7%, 41.0%

HSV

172.3, 31.5%, 48.6%

CMYK

31.5%, 0.0%, 4.0%, 51.4%

OKLCH

0.5557 0.0444 186.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#557C77

#7C555A

Analogous

#557C64

#556E7C

#557C77

Triadic

#557C77

#77557C

#7C7755

Split Complementary

#557C77

#7C556E

#7C6455

Tetradic

#557C77

#64557C

#7C555A

#6E7C55

Color Blindness Simulation

Original

#557C77

Protanopia

#666678

Deuteranopia

#646178

Tritanopia

#577979

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E0
300
#B6CDCA
400
#8FB2AE
500
#689791
600
#537974
700
#42615D
800
#344C49
900
#283937
950
#192422

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026