HEX #5B80C4 color — Indigo
The color #5B80C4 is a dark shade and moderately saturated.
Palette
5B80C4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(219,47%,96%) |
#dde5f3 |
rgb(221,229,243) |
hsl(219,47%,91%) |
#cbd6ec |
rgb(203,214,236) |
hsl(219,47%,86%) |
#b8c8e5 |
rgb(184,200,229) |
hsl(219,47%,81%) |
#a5b9df |
rgb(165,185,223) |
hsl(219,47%,76%) |
#92abd8 |
rgb(146,171,216) |
hsl(219,47%,71%) |
#809cd1 |
rgb(128,156,209) |
hsl(219,47%,66%) |
#6d8eca |
rgb(109,142,202) |
hsl(219,47%,61%) |
#5a7fc4 |
rgb(90,127,196) |
hsl(219,47%,56%) |
#4770bd |
rgb(71,112,189) |
hsl(219,47%,51%) |
#3e65ac |
rgb(62,101,172) |
hsl(219,47%,46%) |
#375a9a |
rgb(55,90,154) |
hsl(219,47%,41%) |
#314f87 |
rgb(49,79,135) |
hsl(219,47%,36%) |
#2a4474 |
rgb(42,68,116) |
hsl(219,47%,31%) |
#233961 |
rgb(35,57,97) |
hsl(219,47%,26%) |
#1c2e4f |
rgb(28,46,79) |
hsl(219,47%,21%) |
#16233c |
rgb(22,35,60) |
hsl(219,47%,16%) |
#0f1829 |
rgb(15,24,41) |
hsl(219,47%,11%) |
#080d16 |
rgb(8,13,22) |
hsl(219,47%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BC4C2 |
rgb(91,196,194) |
hsl(179,47%,56%) |
#5B80C4 |
rgb(91,128,196) |
hsl(219,47%,56%) |
#7C5CC4 |
rgb(124,92,196) |
hsl(258,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EB5DC |
rgb(158,181,220) |
hsl(218,47%,74%) |
#7C99D0 |
rgb(124,153,208) |
hsl(219,47%,65%) |
#5B80C4 |
rgb(91,128,196) |
hsl(219,47%,56%) |
#3F69B1 |
rgb(63,105,177) |
hsl(218,48%,47%) |
#33548F |
rgb(51,84,143) |
hsl(218,47%,38%) |
#27406D |
rgb(39,64,109) |
hsl(219,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B80C4 |
rgb(91,128,196) |
hsl(219,47%,56%) |
#C46B5B |
rgb(196,107,91) |
hsl(9,47%,56%) |
#B4C45B |
rgb(180,196,91) |
hsl(69,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B80C4 |
rgb(91,128,196) |
hsl(219,47%,56%) |
#C49E5B |
rgb(196,158,91) |
hsl(38,47%,56%) |
#5BB5C4 |
rgb(91,181,196) |
hsl(189,47%,56%) |
#B4C45B |
rgb(180,196,91) |
hsl(69,47%,56%) |