#565F6F

#565F6F

Color Values

HEX

#565F6F

RGB

86, 95, 111

HSL

218.4, 12.7%, 38.6%

HSV

218.4, 22.5%, 43.5%

CMYK

22.5%, 14.4%, 0.0%, 56.5%

OKLCH

0.4837 0.0281 262.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#565F6F

#6F6656

Analogous

#566B6F

#59566F

#565F6F

Triadic

#565F6F

#6F565F

#5F6F56

Split Complementary

#565F6F

#6F5956

#6B6F56

Tetradic

#565F6F

#6F566B

#6F6656

#566F59

Color Blindness Simulation

Original

#565F6F

Protanopia

#5A5A6B

Deuteranopia

#59596A

Tritanopia

#566867

Achromatopsia

#5E5E5E

CSS Usage

background-color: #565F6F;
color: #565F6F;
border-color: #565F6F;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BAC0CA
400
#959DAD
500
#6F7B90
600
#596273
700
#474F5C
800
#383D48
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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