HEX #5678CF color — Indigo
The color #5678CF is a dark shade and moderately saturated.
Palette
5678CF color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(223,56%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(223,56%,92%) |
#cbd6f0 |
rgb(203,214,240) |
hsl(223,56%,87%) |
#b7c6eb |
rgb(183,198,235) |
hsl(223,56%,82%) |
#a4b6e5 |
rgb(164,182,229) |
hsl(223,56%,77%) |
#90a6e0 |
rgb(144,166,224) |
hsl(223,56%,72%) |
#7c96da |
rgb(124,150,218) |
hsl(223,56%,67%) |
#6887d4 |
rgb(104,135,212) |
hsl(223,56%,62%) |
#5477cf |
rgb(84,119,207) |
hsl(223,56%,57%) |
#4067c9 |
rgb(64,103,201) |
hsl(223,56%,52%) |
#355bbb |
rgb(53,91,187) |
hsl(223,56%,47%) |
#2f51a7 |
rgb(47,81,167) |
hsl(223,56%,42%) |
#2a4793 |
rgb(42,71,147) |
hsl(223,56%,37%) |
#243e7f |
rgb(36,62,127) |
hsl(223,56%,32%) |
#1e346b |
rgb(30,52,107) |
hsl(223,56%,27%) |
#192a58 |
rgb(25,42,88) |
hsl(223,56%,22%) |
#132144 |
rgb(19,33,68) |
hsl(223,56%,17%) |
#0d1730 |
rgb(13,23,48) |
hsl(223,56%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(223,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(223,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C9CF |
rgb(86,201,207) |
hsl(183,56%,57%) |
#5678CF |
rgb(86,120,207) |
hsl(223,56%,57%) |
#8457CF |
rgb(132,87,207) |
hsl(263,56%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3E3 |
rgb(159,179,227) |
hsl(222,55%,76%) |
#7A94D9 |
rgb(122,148,217) |
hsl(224,56%,66%) |
#5678CF |
rgb(86,120,207) |
hsl(223,56%,57%) |
#365CBF |
rgb(54,92,191) |
hsl(223,56%,48%) |
#2C4D9B |
rgb(44,77,155) |
hsl(222,56%,39%) |
#213B76 |
rgb(33,59,118) |
hsl(222,56%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678CF |
rgb(86,120,207) |
hsl(223,56%,57%) |
#CF7056 |
rgb(207,112,86) |
hsl(13,56%,57%) |
#B4CF56 |
rgb(180,207,86) |
hsl(73,56%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678CF |
rgb(86,120,207) |
hsl(223,56%,57%) |
#CFAD56 |
rgb(207,173,86) |
hsl(43,56%,57%) |
#56B5CF |
rgb(86,181,207) |
hsl(193,56%,57%) |
#B4CF56 |
rgb(180,207,86) |
hsl(73,56%,57%) |