HEX #5A78C7 color — Indigo
The color #5A78C7 is a dark shade and moderately saturated.
Palette
5A78C7 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(223,49%,97%) |
#e1e6f5 |
rgb(225,230,245) |
hsl(223,49%,92%) |
#ced7ee |
rgb(206,215,238) |
hsl(223,49%,87%) |
#bbc7e8 |
rgb(187,199,232) |
hsl(223,49%,82%) |
#a8b8e1 |
rgb(168,184,225) |
hsl(223,49%,77%) |
#95a8db |
rgb(149,168,219) |
hsl(223,49%,72%) |
#8299d4 |
rgb(130,153,212) |
hsl(223,49%,67%) |
#6f8ace |
rgb(111,138,206) |
hsl(223,49%,62%) |
#5c7ac7 |
rgb(92,122,199) |
hsl(223,49%,57%) |
#496bc1 |
rgb(73,107,193) |
hsl(223,49%,52%) |
#3d5eb3 |
rgb(61,94,179) |
hsl(223,49%,47%) |
#3754a0 |
rgb(55,84,160) |
hsl(223,49%,42%) |
#304a8d |
rgb(48,74,141) |
hsl(223,49%,37%) |
#2a407a |
rgb(42,64,122) |
hsl(223,49%,32%) |
#233667 |
rgb(35,54,103) |
hsl(223,49%,27%) |
#1d2c54 |
rgb(29,44,84) |
hsl(223,49%,22%) |
#162241 |
rgb(22,34,65) |
hsl(223,49%,17%) |
#10182e |
rgb(16,24,46) |
hsl(223,49%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(223,49%,7%) |
#030408 |
rgb(3,4,8) |
hsl(223,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC2C7 |
rgb(90,194,199) |
hsl(183,49%,57%) |
#5A78C7 |
rgb(90,120,199) |
hsl(223,49%,57%) |
#8459C7 |
rgb(132,89,199) |
hsl(263,50%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB0DE |
rgb(159,176,222) |
hsl(224,49%,75%) |
#7C94D2 |
rgb(124,148,210) |
hsl(223,49%,65%) |
#5A78C7 |
rgb(90,120,199) |
hsl(223,49%,57%) |
#3D5EB5 |
rgb(61,94,181) |
hsl(224,50%,47%) |
#314D92 |
rgb(49,77,146) |
hsl(223,50%,38%) |
#263B70 |
rgb(38,59,112) |
hsl(223,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78C7 |
rgb(90,120,199) |
hsl(223,49%,57%) |
#C7735A |
rgb(199,115,90) |
hsl(14,49%,57%) |
#AEC75A |
rgb(174,199,90) |
hsl(74,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78C7 |
rgb(90,120,199) |
hsl(223,49%,57%) |
#C7A85A |
rgb(199,168,90) |
hsl(43,49%,57%) |
#5AADC7 |
rgb(90,173,199) |
hsl(194,49%,57%) |
#AEC75A |
rgb(174,199,90) |
hsl(74,49%,57%) |