HEX #5B80C6 color — Indigo
The color #5B80C6 is a dark shade and moderately saturated.
Palette
5B80C6 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(219,48%,97%) |
#e1e8f4 |
rgb(225,232,244) |
hsl(219,48%,92%) |
#ced9ee |
rgb(206,217,238) |
hsl(219,48%,87%) |
#bbcae7 |
rgb(187,202,231) |
hsl(219,48%,82%) |
#a8bce1 |
rgb(168,188,225) |
hsl(219,48%,77%) |
#95adda |
rgb(149,173,218) |
hsl(219,48%,72%) |
#829fd3 |
rgb(130,159,211) |
hsl(219,48%,67%) |
#7090cd |
rgb(112,144,205) |
hsl(219,48%,62%) |
#5d82c6 |
rgb(93,130,198) |
hsl(219,48%,57%) |
#4a73bf |
rgb(74,115,191) |
hsl(219,48%,52%) |
#3e67b1 |
rgb(62,103,177) |
hsl(219,48%,47%) |
#385c9f |
rgb(56,92,159) |
hsl(219,48%,42%) |
#31518c |
rgb(49,81,140) |
hsl(219,48%,37%) |
#2a4679 |
rgb(42,70,121) |
hsl(219,48%,32%) |
#243b66 |
rgb(36,59,102) |
hsl(219,48%,27%) |
#1d3053 |
rgb(29,48,83) |
hsl(219,48%,22%) |
#172540 |
rgb(23,37,64) |
hsl(219,48%,17%) |
#101a2d |
rgb(16,26,45) |
hsl(219,48%,12%) |
#090f1a |
rgb(9,15,26) |
hsl(219,48%,7%) |
#030408 |
rgb(3,4,8) |
hsl(219,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BC7C4 |
rgb(91,199,196) |
hsl(178,49%,57%) |
#5B80C6 |
rgb(91,128,198) |
hsl(219,48%,57%) |
#7D5CC6 |
rgb(125,92,198) |
hsl(259,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB5DD |
rgb(159,181,221) |
hsl(219,48%,75%) |
#7D9CD1 |
rgb(125,156,209) |
hsl(218,48%,65%) |
#5B80C6 |
rgb(91,128,198) |
hsl(219,48%,57%) |
#3E66B4 |
rgb(62,102,180) |
hsl(220,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 |
#5B80C6 |
rgb(91,128,198) |
hsl(219,48%,57%) |
#C66B5B |
rgb(198,107,91) |
hsl(9,48%,57%) |
#B5C75B |
rgb(181,199,91) |
hsl(70,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B80C6 |
rgb(91,128,198) |
hsl(219,48%,57%) |
#C6A15B |
rgb(198,161,91) |
hsl(39,48%,57%) |
#5BB5C6 |
rgb(91,181,198) |
hsl(190,48%,57%) |
#B5C75B |
rgb(181,199,91) |
hsl(70,49%,57%) |