#567D7F

#567D7F

Color Values

HEX

#567D7F

RGB

86, 125, 127

HSL

182.9, 19.2%, 41.8%

HSV

182.9, 32.3%, 49.8%

CMYK

32.3%, 1.6%, 0.0%, 50.2%

OKLCH

0.5615 0.0436 200.0

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#567D7F

#7F5856

Analogous

#567F6D

#56697F

#567D7F

Triadic

#567D7F

#7F567D

#7D7F56

Split Complementary

#567D7F

#7F5669

#7F6D56

Tetradic

#567D7F

#6D567F

#7F5856

#697F56

Color Blindness Simulation

Original

#567D7F

Protanopia

#67677F

Deuteranopia

#65627E

Tritanopia

#587E7E

Achromatopsia

#757575

CSS Usage

background-color: #567D7F;
color: #567D7F;
border-color: #567D7F;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E1E2
300
#B6CCCE
400
#8FB1B3
500
#679698
600
#52787A
700
#426061
800
#344B4C
900
#283839
950
#192324

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

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