HEX #5A80C6 color — Indigo
The color #5A80C6 is a dark shade and moderately saturated.
Palette
5A80C6 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 |
#5AC7C4 |
rgb(90,199,196) |
hsl(178,49%,57%) |
#5A80C6 |
rgb(90,128,198) |
hsl(219,49%,56%) |
#7C59C6 |
rgb(124,89,198) |
hsl(259,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EB5DD |
rgb(158,181,221) |
hsl(218,48%,74%) |
#7C9CD1 |
rgb(124,156,209) |
hsl(217,48%,65%) |
#5A80C6 |
rgb(90,128,198) |
hsl(219,49%,56%) |
#3E69B3 |
rgb(62,105,179) |
hsl(218,49%,47%) |
#325491 |
rgb(50,84,145) |
hsl(219,49%,38%) |
#26406F |
rgb(38,64,111) |
hsl(219,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A80C6 |
rgb(90,128,198) |
hsl(219,49%,56%) |
#C66B5A |
rgb(198,107,90) |
hsl(9,49%,56%) |
#B6C75A |
rgb(182,199,90) |
hsl(69,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A80C6 |
rgb(90,128,198) |
hsl(219,49%,56%) |
#C6A15A |
rgb(198,161,90) |
hsl(39,49%,56%) |
#5AB5C6 |
rgb(90,181,198) |
hsl(189,49%,56%) |
#B6C75A |
rgb(182,199,90) |
hsl(69,49%,57%) |