#567276

#567276

Color Values

HEX

#567276

RGB

86, 114, 118

HSL

187.5, 15.7%, 40.0%

HSV

187.5, 27.1%, 46.3%

CMYK

27.1%, 3.4%, 0.0%, 53.7%

OKLCH

0.5316 0.0331 207.1

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#567276

#765A56

Analogous

#56766A

#566276

#567276

Triadic

#567276

#765672

#727656

Split Complementary

#567276

#765662

#766A56

Tetradic

#567276

#6A5676

#765A56

#627656

Color Blindness Simulation

Original

#567276

Protanopia

#626275

Deuteranopia

#605E75

Tritanopia

#577474

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6E0E1
300
#B8C9CB
400
#92ACAF
500
#6B8F94
600
#567276
700
#455B5E
800
#36474A
900
#2A3637
950
#1A2223

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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