#565684

#565684

Color Values

HEX

#565684

RGB

86, 86, 132

HSL

240.0, 21.1%, 42.7%

HSV

240.0, 34.8%, 51.8%

CMYK

34.8%, 34.8%, 0.0%, 48.2%

OKLCH

0.4732 0.0738 283.2

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#565684

#848456

Analogous

#566D84

#6D5684

#565684

Triadic

#565684

#845656

#568456

Split Complementary

#565684

#846D56

#6D8456

Tetradic

#565684

#84566D

#848456

#56846D

Color Blindness Simulation

Original

#565684

Protanopia

#565679

Deuteranopia

#565676

Tritanopia

#56706E

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B5B5CF
400
#8D8DB5
500
#65659A
600
#50507C
700
#404063
800
#32324D
900
#27273A
950
#191924

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

3.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