#565DA5

#565DA5

Color Values

HEX

#565DA5

RGB

86, 93, 165

HSL

234.7, 31.5%, 49.2%

HSV

234.7, 47.9%, 64.7%

CMYK

47.9%, 43.6%, 0.0%, 35.3%

OKLCH

0.5069 0.1137 277.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#565DA5

#A59E56

Analogous

#5684A5

#7656A5

#565DA5

Triadic

#565DA5

#A5565D

#5DA556

Split Complementary

#565DA5

#A57656

#84A556

Tetradic

#565DA5

#A55684

#A59E56

#56A576

Color Blindness Simulation

Original

#565DA5

Protanopia

#595994

Deuteranopia

#59588F

Tritanopia

#568683

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D2E7
300
#AFB2D5
400
#8388BE
500
#575EA8
600
#464C86
700
#383C6B
800
#2C2F54
900
#23253E
950
#161727

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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