HEX #565AD2 color — Indigo
The color #565ad2 is a dark shade and moderately saturated.
Palette
565ad2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(238,58%,98%) |
#e3e3f8 |
rgb(227,227,248) |
hsl(238,58%,93%) |
#cfd0f2 |
rgb(207,208,242) |
hsl(238,58%,88%) |
#bbbced |
rgb(187,188,237) |
hsl(238,58%,83%) |
#a6a9e7 |
rgb(166,169,231) |
hsl(238,58%,78%) |
#9295e2 |
rgb(146,149,226) |
hsl(238,58%,73%) |
#7e81dd |
rgb(126,129,221) |
hsl(238,58%,68%) |
#6a6ed7 |
rgb(106,110,215) |
hsl(238,58%,63%) |
#565ad2 |
rgb(86,90,210) |
hsl(238,58%,58%) |
#4246cd |
rgb(66,70,205) |
hsl(238,58%,53%) |
#3338c1 |
rgb(51,56,193) |
hsl(238,58%,48%) |
#2e32ad |
rgb(46,50,173) |
hsl(238,58%,43%) |
#292c99 |
rgb(41,44,153) |
hsl(238,58%,38%) |
#232785 |
rgb(35,39,133) |
hsl(238,58%,33%) |
#1e2171 |
rgb(30,33,113) |
hsl(238,58%,28%) |
#191b5d |
rgb(25,27,93) |
hsl(238,58%,23%) |
#131549 |
rgb(19,21,73) |
hsl(238,58%,18%) |
#0e0f34 |
rgb(14,15,52) |
hsl(238,58%,13%) |
#090920 |
rgb(9,9,32) |
hsl(238,58%,8%) |
#03040c |
rgb(3,4,12) |
hsl(238,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56ADD2 |
rgb(86,173,210) |
hsl(198,58%,58%) |
#565AD2 |
rgb(86,90,210) |
hsl(238,58%,58%) |
#A457D2 |
rgb(164,87,210) |
hsl(278,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0A3E5 |
rgb(160,163,229) |
hsl(237,57%,76%) |
#7B80DB |
rgb(123,128,219) |
hsl(237,57%,67%) |
#565AD2 |
rgb(86,90,210) |
hsl(238,58%,58%) |
#3438C4 |
rgb(52,56,196) |
hsl(238,58%,49%) |
#2A2E9E |
rgb(42,46,158) |
hsl(238,58%,39%) |
#202479 |
rgb(32,36,121) |
hsl(237,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#565AD2 |
rgb(86,90,210) |
hsl(238,58%,58%) |
#D28F56 |
rgb(210,143,86) |
hsl(28,58%,58%) |
#98D156 |
rgb(152,209,86) |
hsl(88,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#565AD2 |
rgb(86,90,210) |
hsl(238,58%,58%) |
#D2CF56 |
rgb(210,207,86) |
hsl(59,58%,58%) |
#5699D2 |
rgb(86,153,210) |
hsl(208,58%,58%) |
#98D156 |
rgb(152,209,86) |
hsl(88,57%,58%) |