HEX #5478CE color — Indigo
The color #5478CE is a dark shade and moderately saturated.
Palette
5478CE color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,55%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(222,55%,92%) |
#ccd7f0 |
rgb(204,215,240) |
hsl(222,55%,87%) |
#b8c7ea |
rgb(184,199,234) |
hsl(222,55%,82%) |
#a4b7e5 |
rgb(164,183,229) |
hsl(222,55%,77%) |
#90a8df |
rgb(144,168,223) |
hsl(222,55%,72%) |
#7d98d9 |
rgb(125,152,217) |
hsl(222,55%,67%) |
#6989d3 |
rgb(105,137,211) |
hsl(222,55%,62%) |
#5579ce |
rgb(85,121,206) |
hsl(222,55%,57%) |
#416ac8 |
rgb(65,106,200) |
hsl(222,55%,52%) |
#365dba |
rgb(54,93,186) |
hsl(222,55%,47%) |
#3054a6 |
rgb(48,84,166) |
hsl(222,55%,42%) |
#2a4a92 |
rgb(42,74,146) |
hsl(222,55%,37%) |
#25407e |
rgb(37,64,126) |
hsl(222,55%,32%) |
#1f366b |
rgb(31,54,107) |
hsl(222,55%,27%) |
#192c57 |
rgb(25,44,87) |
hsl(222,55%,22%) |
#142243 |
rgb(20,34,67) |
hsl(222,55%,17%) |
#0e182f |
rgb(14,24,47) |
hsl(222,55%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(222,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#54C9CE |
rgb(84,201,206) |
hsl(182,55%,57%) |
#5478CE |
rgb(84,120,206) |
hsl(222,55%,57%) |
#8154CE |
rgb(129,84,206) |
hsl(262,55%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB0E2 |
rgb(156,176,226) |
hsl(223,55%,75%) |
#7894D8 |
rgb(120,148,216) |
hsl(223,55%,66%) |
#5478CE |
rgb(84,120,206) |
hsl(222,55%,57%) |
#365EBD |
rgb(54,94,189) |
hsl(222,56%,48%) |
#2B4D99 |
rgb(43,77,153) |
hsl(221,56%,38%) |
#213B75 |
rgb(33,59,117) |
hsl(221,56%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5478CE |
rgb(84,120,206) |
hsl(222,55%,57%) |
#CE6E54 |
rgb(206,110,84) |
hsl(13,55%,57%) |
#B5CF54 |
rgb(181,207,84) |
hsl(73,56%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5478CE |
rgb(84,120,206) |
hsl(222,55%,57%) |
#CEAB54 |
rgb(206,171,84) |
hsl(43,55%,57%) |
#54B5CE |
rgb(84,181,206) |
hsl(192,55%,57%) |
#B5CF54 |
rgb(181,207,84) |
hsl(73,56%,57%) |