HEX #5878C6 color — Indigo
The color #5878C6 is a dark shade and moderately saturated.
Palette
5878C6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(223,49%,96%) |
#dde3f3 |
rgb(221,227,243) |
hsl(223,49%,91%) |
#cad4ed |
rgb(202,212,237) |
hsl(223,49%,86%) |
#b7c4e6 |
rgb(183,196,230) |
hsl(223,49%,81%) |
#a4b5e0 |
rgb(164,181,224) |
hsl(223,49%,76%) |
#91a5d9 |
rgb(145,165,217) |
hsl(223,49%,71%) |
#7e96d3 |
rgb(126,150,211) |
hsl(223,49%,66%) |
#6b86cc |
rgb(107,134,204) |
hsl(223,49%,61%) |
#5877c6 |
rgb(88,119,198) |
hsl(223,49%,56%) |
#4568bf |
rgb(69,104,191) |
hsl(223,49%,51%) |
#3c5caf |
rgb(60,92,175) |
hsl(223,49%,46%) |
#35529c |
rgb(53,82,156) |
hsl(223,49%,41%) |
#2f4889 |
rgb(47,72,137) |
hsl(223,49%,36%) |
#283e76 |
rgb(40,62,118) |
hsl(223,49%,31%) |
#223463 |
rgb(34,52,99) |
hsl(223,49%,26%) |
#1b2a50 |
rgb(27,42,80) |
hsl(223,49%,21%) |
#15203d |
rgb(21,32,61) |
hsl(223,49%,16%) |
#0e162a |
rgb(14,22,42) |
hsl(223,49%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(223,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58C2C6 |
rgb(88,194,198) |
hsl(182,49%,56%) |
#5878C6 |
rgb(88,120,198) |
hsl(223,49%,56%) |
#8159C6 |
rgb(129,89,198) |
hsl(262,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB0DD |
rgb(156,176,221) |
hsl(222,49%,74%) |
#7A94D1 |
rgb(122,148,209) |
hsl(222,49%,65%) |
#5878C6 |
rgb(88,120,198) |
hsl(223,49%,56%) |
#3D5EB3 |
rgb(61,94,179) |
hsl(223,49%,47%) |
#314D90 |
rgb(49,77,144) |
hsl(222,49%,38%) |
#253B6E |
rgb(37,59,110) |
hsl(222,50%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5878C6 |
rgb(88,120,198) |
hsl(223,49%,56%) |
#C67058 |
rgb(198,112,88) |
hsl(13,49%,56%) |
#AFC758 |
rgb(175,199,88) |
hsl(73,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5878C6 |
rgb(88,120,198) |
hsl(223,49%,56%) |
#C6A658 |
rgb(198,166,88) |
hsl(43,49%,56%) |
#58B0C6 |
rgb(88,176,198) |
hsl(192,49%,56%) |
#AFC758 |
rgb(175,199,88) |
hsl(73,50%,56%) |