HEX #5B80C8 color — Indigo
The color #5B80C8 is a dark shade and moderately saturated.
Palette
5B80C8 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,50%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(220,50%,92%) |
#cdd8ee |
rgb(205,216,238) |
hsl(220,50%,87%) |
#bac9e8 |
rgb(186,201,232) |
hsl(220,50%,82%) |
#a7bbe2 |
rgb(167,187,226) |
hsl(220,50%,77%) |
#94acdb |
rgb(148,172,219) |
hsl(220,50%,72%) |
#819dd5 |
rgb(129,157,213) |
hsl(220,50%,67%) |
#6e8ecf |
rgb(110,142,207) |
hsl(220,50%,62%) |
#5b7fc8 |
rgb(91,127,200) |
hsl(220,50%,57%) |
#4770c2 |
rgb(71,112,194) |
hsl(220,50%,52%) |
#3c64b4 |
rgb(60,100,180) |
hsl(220,50%,47%) |
#3659a1 |
rgb(54,89,161) |
hsl(220,50%,42%) |
#2f4f8e |
rgb(47,79,142) |
hsl(220,50%,37%) |
#29447a |
rgb(41,68,122) |
hsl(220,50%,32%) |
#223967 |
rgb(34,57,103) |
hsl(220,50%,27%) |
#1c2f54 |
rgb(28,47,84) |
hsl(220,50%,22%) |
#162441 |
rgb(22,36,65) |
hsl(220,50%,17%) |
#0f1a2e |
rgb(15,26,46) |
hsl(220,50%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(220,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(220,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BC7C7 |
rgb(91,199,199) |
hsl(180,49%,57%) |
#5B80C8 |
rgb(91,128,200) |
hsl(220,50%,57%) |
#7E5CC8 |
rgb(126,92,200) |
hsl(259,50%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0B5DF |
rgb(160,181,223) |
hsl(220,50%,75%) |
#7D9CD3 |
rgb(125,156,211) |
hsl(218,49%,66%) |
#5B80C8 |
rgb(91,128,200) |
hsl(220,50%,57%) |
#3D66B7 |
rgb(61,102,183) |
hsl(220,50%,48%) |
#315494 |
rgb(49,84,148) |
hsl(219,50%,39%) |
#264071 |
rgb(38,64,113) |
hsl(219,50%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B80C8 |
rgb(91,128,200) |
hsl(220,50%,57%) |
#C86E5B |
rgb(200,110,91) |
hsl(10,50%,57%) |
#B6C75B |
rgb(182,199,91) |
hsl(69,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B80C8 |
rgb(91,128,200) |
hsl(220,50%,57%) |
#C8A35B |
rgb(200,163,91) |
hsl(40,50%,57%) |
#5BB8C8 |
rgb(91,184,200) |
hsl(189,50%,57%) |
#B6C75B |
rgb(182,199,91) |
hsl(69,49%,57%) |