HEX #5A80C1 color — Indigo
The color #5A80C1 is a dark shade and moderately saturated.
Palette
5A80C1 color palette from light to dark
HEX |
RGB |
HSL |
#edf1f8 |
rgb(237,241,248) |
hsl(218,45%,95%) |
#dae2f1 |
rgb(218,226,241) |
hsl(218,45%,90%) |
#c8d4ea |
rgb(200,212,234) |
hsl(218,45%,85%) |
#b5c6e3 |
rgb(181,198,227) |
hsl(218,45%,80%) |
#a3b8dc |
rgb(163,184,220) |
hsl(218,45%,75%) |
#90a9d5 |
rgb(144,169,213) |
hsl(218,45%,70%) |
#7e9bce |
rgb(126,155,206) |
hsl(218,45%,65%) |
#6b8dc7 |
rgb(107,141,199) |
hsl(218,45%,60%) |
#597ec0 |
rgb(89,126,192) |
hsl(218,45%,55%) |
#4670b9 |
rgb(70,112,185) |
hsl(218,45%,50%) |
#3f65a6 |
rgb(63,101,166) |
hsl(218,45%,45%) |
#385a94 |
rgb(56,90,148) |
hsl(218,45%,40%) |
#314f81 |
rgb(49,79,129) |
hsl(218,45%,35%) |
#2a436f |
rgb(42,67,111) |
hsl(218,45%,30%) |
#23385c |
rgb(35,56,92) |
hsl(218,45%,25%) |
#1c2d4a |
rgb(28,45,74) |
hsl(218,45%,20%) |
#152237 |
rgb(21,34,55) |
hsl(218,45%,15%) |
#0e1625 |
rgb(14,22,37) |
hsl(218,45%,10%) |
#070b12 |
rgb(7,11,18) |
hsl(218,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC2BD |
rgb(90,194,189) |
hsl(177,46%,56%) |
#5A80C1 |
rgb(90,128,193) |
hsl(218,45%,55%) |
#7859C1 |
rgb(120,89,193) |
hsl(258,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB3D9 |
rgb(155,179,217) |
hsl(217,45%,73%) |
#7A99CD |
rgb(122,153,205) |
hsl(218,45%,64%) |
#5A80C1 |
rgb(90,128,193) |
hsl(218,45%,55%) |
#4069AC |
rgb(64,105,172) |
hsl(217,46%,46%) |
#34548B |
rgb(52,84,139) |
hsl(218,46%,37%) |
#28406A |
rgb(40,64,106) |
hsl(218,45%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A80C1 |
rgb(90,128,193) |
hsl(218,45%,55%) |
#C1695A |
rgb(193,105,90) |
hsl(9,45%,55%) |
#B3C25A |
rgb(179,194,90) |
hsl(69,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A80C1 |
rgb(90,128,193) |
hsl(218,45%,55%) |
#C19C5A |
rgb(193,156,90) |
hsl(38,45%,55%) |
#5AB3C1 |
rgb(90,179,193) |
hsl(188,45%,55%) |
#B3C25A |
rgb(179,194,90) |
hsl(69,46%,56%) |