#564587

#564587

Color Values

HEX

#564587

RGB

86, 69, 135

HSL

255.5, 32.4%, 40.0%

HSV

255.5, 48.9%, 52.9%

CMYK

36.3%, 48.9%, 0.0%, 47.1%

OKLCH

0.4401 0.1062 293.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#564587

#768745

Analogous

#455587

#774587

#564587

Triadic

#564587

#875645

#458756

Split Complementary

#564587

#877745

#558745

Tetradic

#564587

#874555

#768745

#458777

Color Blindness Simulation

Original

#564587

Protanopia

#4F4E77

Deuteranopia

#505173

Tritanopia

#556A68

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D6D0E7
300
#B8AED6
400
#9282BF
500
#6C56A9
600
#564587
700
#45376C
800
#362B54
900
#2A223F
950
#1A1628

Contrast Checker

Text on white

8.09:1

AA Pass AAA Pass

Text on black

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