#557675

#557675

Color Values

HEX

#557675

RGB

85, 118, 117

HSL

178.2, 16.3%, 39.8%

HSV

178.2, 28.0%, 46.3%

CMYK

28.0%, 0.0%, 0.8%, 53.7%

OKLCH

0.5403 0.0377 193.7

Properties

Cool Dark Nearest: paleturquoise 4

Color Harmonies

Complementary

#557675

#765556

Analogous

#557664

#556676

#557675

Triadic

#557675

#755576

#767555

Split Complementary

#557675

#765566

#766455

Tetradic

#557675

#645576

#765556

#667655

Color Blindness Simulation

Original

#557675

Protanopia

#636475

Deuteranopia

#615F75

Tritanopia

#577575

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D5E1E1
300
#B8CCCB
400
#91B0AF
500
#6B9493
600
#557776
700
#445F5E
800
#354A4A
900
#293837
950
#1A2323

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail 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