#565786

#565786

Color Values

HEX

#565786

RGB

86, 87, 134

HSL

238.8, 21.8%, 43.1%

HSV

238.8, 35.8%, 52.5%

CMYK

35.8%, 35.1%, 0.0%, 47.5%

OKLCH

0.4764 0.0753 282.2

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#565786

#868556

Analogous

#566F86

#6D5686

#565786

Triadic

#565786

#865657

#578656

Split Complementary

#565786

#866D56

#6F8656

Tetradic

#565786

#86566F

#868556

#56866D

Color Blindness Simulation

Original

#565786

Protanopia

#56567B

Deuteranopia

#565678

Tritanopia

#567270

Achromatopsia

#5A5A5A

CSS Usage

background-color: #565786;
color: #565786;
border-color: #565786;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B4B5CF
400
#8C8DB5
500
#64659B
600
#50517C
700
#404163
800
#32324E
900
#27273A
950
#191925

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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