#557870

#557870

Color Values

HEX

#557870

RGB

85, 120, 112

HSL

166.3, 17.1%, 40.2%

HSV

166.3, 29.2%, 47.1%

CMYK

29.2%, 0.0%, 6.7%, 52.9%

OKLCH

0.5436 0.0418 178.9

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#557870

#78555D

Analogous

#55785F

#556F78

#557870

Triadic

#557870

#705578

#787055

Split Complementary

#557870

#78556F

#785F55

Tetradic

#557870

#5F5578

#78555D

#6F7855

Color Blindness Simulation

Original

#557870

Protanopia

#646472

Deuteranopia

#626072

Tritanopia

#577374

Achromatopsia

#707070

CSS Usage

background-color: #557870;
color: #557870;
border-color: #557870;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D5E1DF
300
#B7CCC7
400
#91B1A9
500
#6A958B
600
#55776F
700
#446059
800
#354B46
900
#293835
950
#1A2321

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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