#566476

#566476

Color Values

HEX

#566476

RGB

86, 100, 118

HSL

213.8, 15.7%, 40.0%

HSV

213.8, 27.1%, 46.3%

CMYK

27.1%, 15.3%, 0.0%, 53.7%

OKLCH

0.4982 0.0336 254.8

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#566476

#766856

Analogous

#567476

#585676

#566476

Triadic

#566476

#765664

#647656

Split Complementary

#566476

#765856

#747656

Tetradic

#566476

#765674

#766856

#567658

Color Blindness Simulation

Original

#566476

Protanopia

#5C5C72

Deuteranopia

#5B5A71

Tritanopia

#576E6D

Achromatopsia

#626262

CSS Usage

background-color: #566476;
color: #566476;
border-color: #566476;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DBE1
300
#B8C1CB
400
#929FAF
500
#6B7D94
600
#566476
700
#45505E
800
#363E4A
900
#2A3037
950
#1A1E23

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

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