HEX #5980C6 color — Indigo
The color #5980C6 is a dark shade and moderately saturated.
Palette
5980C6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(219,49%,96%) |
#dde5f3 |
rgb(221,229,243) |
hsl(219,49%,91%) |
#cad6ed |
rgb(202,214,237) |
hsl(219,49%,86%) |
#b7c7e6 |
rgb(183,199,230) |
hsl(219,49%,81%) |
#a4b9e0 |
rgb(164,185,224) |
hsl(219,49%,76%) |
#91aad9 |
rgb(145,170,217) |
hsl(219,49%,71%) |
#7e9cd3 |
rgb(126,156,211) |
hsl(219,49%,66%) |
#6b8dcc |
rgb(107,141,204) |
hsl(219,49%,61%) |
#587ec6 |
rgb(88,126,198) |
hsl(219,49%,56%) |
#4570bf |
rgb(69,112,191) |
hsl(219,49%,51%) |
#3c64af |
rgb(60,100,175) |
hsl(219,49%,46%) |
#35599c |
rgb(53,89,156) |
hsl(219,49%,41%) |
#2f4e89 |
rgb(47,78,137) |
hsl(219,49%,36%) |
#284376 |
rgb(40,67,118) |
hsl(219,49%,31%) |
#223963 |
rgb(34,57,99) |
hsl(219,49%,26%) |
#1b2e50 |
rgb(27,46,80) |
hsl(219,49%,21%) |
#15233d |
rgb(21,35,61) |
hsl(219,49%,16%) |
#0e182a |
rgb(14,24,42) |
hsl(219,49%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(219,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#59C7C3 |
rgb(89,199,195) |
hsl(178,50%,56%) |
#5980C6 |
rgb(89,128,198) |
hsl(219,49%,56%) |
#7A59C6 |
rgb(122,89,198) |
hsl(258,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DB5DD |
rgb(157,181,221) |
hsl(218,48%,74%) |
#7B99D1 |
rgb(123,153,209) |
hsl(219,48%,65%) |
#5980C6 |
rgb(89,128,198) |
hsl(219,49%,56%) |
#3D69B3 |
rgb(61,105,179) |
hsl(218,49%,47%) |
#315491 |
rgb(49,84,145) |
hsl(218,49%,38%) |
#26406F |
rgb(38,64,111) |
hsl(219,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5980C6 |
rgb(89,128,198) |
hsl(219,49%,56%) |
#C66959 |
rgb(198,105,89) |
hsl(9,49%,56%) |
#B6C759 |
rgb(182,199,89) |
hsl(69,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5980C6 |
rgb(89,128,198) |
hsl(219,49%,56%) |
#C69E59 |
rgb(198,158,89) |
hsl(38,49%,56%) |
#59B8C6 |
rgb(89,184,198) |
hsl(188,49%,56%) |
#B6C759 |
rgb(182,199,89) |
hsl(69,50%,56%) |