HEX #587DC4 color — Indigo
The color #587DC4 is a dark shade and moderately saturated.
Palette
587DC4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(219,48%,96%) |
#dde5f3 |
rgb(221,229,243) |
hsl(219,48%,91%) |
#cad6ec |
rgb(202,214,236) |
hsl(219,48%,86%) |
#b7c8e6 |
rgb(183,200,230) |
hsl(219,48%,81%) |
#a4b9df |
rgb(164,185,223) |
hsl(219,48%,76%) |
#92aad9 |
rgb(146,170,217) |
hsl(219,48%,71%) |
#7f9cd2 |
rgb(127,156,210) |
hsl(219,48%,66%) |
#6c8dcb |
rgb(108,141,203) |
hsl(219,48%,61%) |
#597fc5 |
rgb(89,127,197) |
hsl(219,48%,56%) |
#4670be |
rgb(70,112,190) |
hsl(219,48%,51%) |
#3d64ae |
rgb(61,100,174) |
hsl(219,48%,46%) |
#36599b |
rgb(54,89,155) |
hsl(219,48%,41%) |
#304f88 |
rgb(48,79,136) |
hsl(219,48%,36%) |
#294475 |
rgb(41,68,117) |
hsl(219,48%,31%) |
#223962 |
rgb(34,57,98) |
hsl(219,48%,26%) |
#1c2e4f |
rgb(28,46,79) |
hsl(219,48%,21%) |
#15233c |
rgb(21,35,60) |
hsl(219,48%,16%) |
#0f182a |
rgb(15,24,42) |
hsl(219,48%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(219,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58C4C3 |
rgb(88,196,195) |
hsl(179,48%,56%) |
#587DC4 |
rgb(88,125,196) |
hsl(219,48%,56%) |
#7B59C4 |
rgb(123,89,196) |
hsl(259,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB3DB |
rgb(155,179,219) |
hsl(218,47%,73%) |
#7996CF |
rgb(121,150,207) |
hsl(220,47%,64%) |
#587DC4 |
rgb(88,125,196) |
hsl(219,48%,56%) |
#3E66B0 |
rgb(62,102,176) |
hsl(219,48%,47%) |
#32528E |
rgb(50,82,142) |
hsl(219,48%,38%) |
#26406D |
rgb(38,64,109) |
hsl(218,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#587DC4 |
rgb(88,125,196) |
hsl(219,48%,56%) |
#C46958 |
rgb(196,105,88) |
hsl(9,48%,56%) |
#B3C458 |
rgb(179,196,88) |
hsl(69,48%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#587DC4 |
rgb(88,125,196) |
hsl(219,48%,56%) |
#C49E58 |
rgb(196,158,88) |
hsl(39,48%,56%) |
#58B3C4 |
rgb(88,179,196) |
hsl(189,48%,56%) |
#B3C458 |
rgb(179,196,88) |
hsl(69,48%,56%) |