#567F73

#567F73

Color Values

HEX

#567F73

RGB

86, 127, 115

HSL

162.4, 19.2%, 41.8%

HSV

162.4, 32.3%, 49.8%

CMYK

32.3%, 0.0%, 9.4%, 50.2%

OKLCH

0.5624 0.0495 174.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#567F73

#7F5662

Analogous

#567F5F

#56777F

#567F73

Triadic

#567F73

#73567F

#7F7356

Split Complementary

#567F73

#7F5677

#7F5F56

Tetradic

#567F73

#5F567F

#7F5662

#777F56

Color Blindness Simulation

Original

#567F73

Protanopia

#686876

Deuteranopia

#656277

Tritanopia

#587879

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DE
300
#B6CEC7
400
#8FB3A8
500
#67988A
600
#527A6E
700
#426158
800
#344C45
900
#283934
950
#192421

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.68:1

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