#565286

#565286

Color Values

HEX

#565286

RGB

86, 82, 134

HSL

244.6, 24.1%, 42.4%

HSV

244.6, 38.8%, 52.5%

CMYK

35.8%, 38.8%, 0.0%, 47.5%

OKLCH

0.4657 0.0832 286.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#565286

#828652

Analogous

#526886

#705286

#565286

Triadic

#565286

#865652

#528656

Split Complementary

#565286

#867052

#688652

Tetradic

#565286

#865268

#828652

#528670

Color Blindness Simulation

Original

#565286

Protanopia

#545479

Deuteranopia

#545576

Tritanopia

#566F6D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D4D3E4
300
#B5B3D1
400
#8D8AB7
500
#65619E
600
#514D7F
700
#413E65
800
#33304F
900
#28263B
950
#191825

Contrast Checker

Text on white

7.13:1

AA Pass AAA Pass

Text on black

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