#557271

#557271

Color Values

HEX

#557271

RGB

85, 114, 113

HSL

177.9, 14.6%, 39.0%

HSV

177.9, 25.4%, 44.7%

CMYK

25.4%, 0.0%, 0.9%, 55.3%

OKLCH

0.5292 0.0337 193.5

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#557271

#725556

Analogous

#557262

#556472

#557271

Triadic

#557271

#715572

#727155

Split Complementary

#557271

#725564

#726255

Tetradic

#557271

#625572

#725556

#647255

Color Blindness Simulation

Original

#557271

Protanopia

#626271

Deuteranopia

#605E71

Tritanopia

#567171

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E1E0
300
#B9CBCA
400
#93AEAD
500
#6D9291
600
#577574
700
#465E5D
800
#364948
900
#2A3736
950
#1B2322

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026