HEX #5668D2 color — Indigo
The color #5668d2 is a dark shade and moderately saturated.
Palette
5668d2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(231,58%,98%) |
#e3e6f8 |
rgb(227,230,248) |
hsl(231,58%,93%) |
#cfd4f2 |
rgb(207,212,242) |
hsl(231,58%,88%) |
#bbc2ed |
rgb(187,194,237) |
hsl(231,58%,83%) |
#a6b0e7 |
rgb(166,176,231) |
hsl(231,58%,78%) |
#929ee2 |
rgb(146,158,226) |
hsl(231,58%,73%) |
#7e8cdd |
rgb(126,140,221) |
hsl(231,58%,68%) |
#6a7ad7 |
rgb(106,122,215) |
hsl(231,58%,63%) |
#5668d2 |
rgb(86,104,210) |
hsl(231,58%,58%) |
#4256cd |
rgb(66,86,205) |
hsl(231,58%,53%) |
#3349c1 |
rgb(51,73,193) |
hsl(231,58%,48%) |
#2e41ad |
rgb(46,65,173) |
hsl(231,58%,43%) |
#293a99 |
rgb(41,58,153) |
hsl(231,58%,38%) |
#233285 |
rgb(35,50,133) |
hsl(231,58%,33%) |
#1e2a71 |
rgb(30,42,113) |
hsl(231,58%,28%) |
#19235d |
rgb(25,35,93) |
hsl(231,58%,23%) |
#131b49 |
rgb(19,27,73) |
hsl(231,58%,18%) |
#0e1434 |
rgb(14,20,52) |
hsl(231,58%,13%) |
#090c20 |
rgb(9,12,32) |
hsl(231,58%,8%) |
#03050c |
rgb(3,5,12) |
hsl(231,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BAD2 |
rgb(86,186,210) |
hsl(192,58%,58%) |
#5668D2 |
rgb(86,104,210) |
hsl(231,58%,58%) |
#9657D2 |
rgb(150,87,210) |
hsl(271,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0ABE5 |
rgb(160,171,229) |
hsl(230,57%,76%) |
#7B8ADB |
rgb(123,138,219) |
hsl(231,57%,67%) |
#5668D2 |
rgb(86,104,210) |
hsl(231,58%,58%) |
#344AC4 |
rgb(52,74,196) |
hsl(231,58%,49%) |
#2A3B9E |
rgb(42,59,158) |
hsl(231,58%,39%) |
#202E79 |
rgb(32,46,121) |
hsl(231,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5668D2 |
rgb(86,104,210) |
hsl(231,58%,58%) |
#D28256 |
rgb(210,130,86) |
hsl(21,58%,58%) |
#A6D156 |
rgb(166,209,86) |
hsl(81,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5668D2 |
rgb(86,104,210) |
hsl(231,58%,58%) |
#D2BF56 |
rgb(210,191,86) |
hsl(51,58%,58%) |
#56A6D2 |
rgb(86,166,210) |
hsl(201,58%,58%) |
#A6D156 |
rgb(166,209,86) |
hsl(81,57%,58%) |