#565794

#565794

Color Values

HEX

#565794

RGB

86, 87, 148

HSL

239.0, 26.5%, 45.9%

HSV

239.0, 41.9%, 58.0%

CMYK

41.9%, 41.2%, 0.0%, 42.0%

OKLCH

0.4842 0.0969 281.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#565794

#949356

Analogous

#567694

#745694

#565794

Triadic

#565794

#945657

#579456

Split Complementary

#565794

#947456

#769456

Tetradic

#565794

#945676

#949356

#569474

Color Blindness Simulation

Original

#565794

Protanopia

#565685

Deuteranopia

#565682

Tritanopia

#567A77

Achromatopsia

#5B5B5B

CSS Usage

background-color: #565794;
color: #565794;
border-color: #565794;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D2D2E5
300
#B2B2D2
400
#8888BA
500
#5E5FA1
600
#4B4C81
700
#3C3D67
800
#2F2F51
900
#25253C
950
#171826

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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