#56786F

#56786F

Color Values

HEX

#56786F

RGB

86, 120, 111

HSL

164.1, 16.5%, 40.4%

HSV

164.1, 28.3%, 47.1%

CMYK

28.3%, 0.0%, 7.5%, 52.9%

OKLCH

0.5439 0.0413 176.5

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#56786F

#78565F

Analogous

#56785E

#567078

#56786F

Triadic

#56786F

#6F5678

#786F56

Split Complementary

#56786F

#785670

#785E56

Tetradic

#56786F

#5E5678

#78565F

#707856

Color Blindness Simulation

Original

#56786F

Protanopia

#656571

Deuteranopia

#636072

Tritanopia

#587373

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DE
300
#B8CCC7
400
#91B0A8
500
#6A9589
600
#55776E
700
#445F58
800
#354A45
900
#293834
950
#1A2321

Contrast Checker

Text on white

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