#567977

#567977

Color Values

HEX

#567977

RGB

86, 121, 119

HSL

176.6, 16.9%, 40.6%

HSV

176.6, 28.9%, 47.5%

CMYK

28.9%, 0.0%, 1.7%, 52.5%

OKLCH

0.549 0.0398 191.6

Properties

Cool Dark Nearest: paleturquoise 4

Color Harmonies

Complementary

#567977

#795658

Analogous

#567966

#566A79

#567977

Triadic

#567977

#775679

#797756

Split Complementary

#567977

#79566A

#796656

Tetradic

#567977

#665679

#795658

#6A7956

Color Blindness Simulation

Original

#567977

Protanopia

#656577

Deuteranopia

#636078

Tritanopia

#587878

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D5E1E1
300
#B7CCCB
400
#91B1AF
500
#6A9593
600
#557775
700
#445F5E
800
#354B49
900
#293837
950
#1A2323

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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