#557664

#557664

Color Values

HEX

#557664

RGB

85, 118, 100

HSL

147.3, 16.3%, 39.8%

HSV

147.3, 28.0%, 46.3%

CMYK

28.0%, 0.0%, 15.3%, 53.7%

OKLCH

0.5349 0.0473 160.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#557664

#765567

Analogous

#567655

#557675

#557664

Triadic

#557664

#645576

#766455

Split Complementary

#557664

#755576

#765556

Tetradic

#557664

#555676

#765567

#767555

Color Blindness Simulation

Original

#557664

Protanopia

#636468

Deuteranopia

#615F69

Tritanopia

#576C6D

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D5E1DB
300
#B8CCC1
400
#91B09F
500
#6B947E
600
#557765
700
#445F50
800
#354A3F
900
#293830
950
#1A231E

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

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