#565BDD

#565BDD

Color Values

HEX

#565BDD

RGB

86, 91, 221

HSL

237.8, 66.5%, 60.2%

HSV

237.8, 61.1%, 86.7%

CMYK

61.1%, 58.8%, 0.0%, 13.3%

OKLCH

0.5423 0.1944 276.1

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#565BDD

#DDD856

Analogous

#569EDD

#9556DD

#565BDD

Triadic

#565BDD

#DD565B

#5BDD56

Split Complementary

#565BDD

#DD9556

#9EDD56

Tetradic

#565BDD

#DD569E

#DDD856

#56DD95

Color Blindness Simulation

Original

#565BDD

Protanopia

#5858BE

Deuteranopia

#5858B6

Tritanopia

#56A59F

Achromatopsia

#636363

CSS Usage

background-color: #565BDD;
color: #565BDD;
border-color: #565BDD;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C4C5F3
300
#999CEA
400
#6267DF
500
#2B31D4
600
#2227AA
700
#1B1F88
800
#15186A
900
#13164D
950
#0C0E31

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.94:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026