HEX #5980C5 color — Indigo
The color #5980C5 is a dark shade and moderately saturated.
Palette
5980C5 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(218,48%,96%) |
#dde5f3 |
rgb(221,229,243) |
hsl(218,48%,91%) |
#cad7ec |
rgb(202,215,236) |
hsl(218,48%,86%) |
#b7c8e6 |
rgb(183,200,230) |
hsl(218,48%,81%) |
#a4badf |
rgb(164,186,223) |
hsl(218,48%,76%) |
#92acd9 |
rgb(146,172,217) |
hsl(218,48%,71%) |
#7f9dd2 |
rgb(127,157,210) |
hsl(218,48%,66%) |
#6c8fcb |
rgb(108,143,203) |
hsl(218,48%,61%) |
#5980c5 |
rgb(89,128,197) |
hsl(218,48%,56%) |
#4672be |
rgb(70,114,190) |
hsl(218,48%,51%) |
#3d66ae |
rgb(61,102,174) |
hsl(218,48%,46%) |
#365b9b |
rgb(54,91,155) |
hsl(218,48%,41%) |
#305088 |
rgb(48,80,136) |
hsl(218,48%,36%) |
#294575 |
rgb(41,69,117) |
hsl(218,48%,31%) |
#223a62 |
rgb(34,58,98) |
hsl(218,48%,26%) |
#1c2f4f |
rgb(28,47,79) |
hsl(218,48%,21%) |
#15243c |
rgb(21,36,60) |
hsl(218,48%,16%) |
#0f182a |
rgb(15,24,42) |
hsl(218,48%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(218,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#59C4C2 |
rgb(89,196,194) |
hsl(179,48%,56%) |
#5980C5 |
rgb(89,128,197) |
hsl(218,48%,56%) |
#7A59C5 |
rgb(122,89,197) |
hsl(258,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB5DC |
rgb(156,181,220) |
hsl(217,48%,74%) |
#7A99D0 |
rgb(122,153,208) |
hsl(218,48%,65%) |
#5980C5 |
rgb(89,128,197) |
hsl(218,48%,56%) |
#3E69B2 |
rgb(62,105,178) |
hsl(218,48%,47%) |
#325490 |
rgb(50,84,144) |
hsl(218,48%,38%) |
#26406E |
rgb(38,64,110) |
hsl(218,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5980C5 |
rgb(89,128,197) |
hsl(218,48%,56%) |
#C56959 |
rgb(197,105,89) |
hsl(9,48%,56%) |
#B6C459 |
rgb(182,196,89) |
hsl(68,48%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5980C5 |
rgb(89,128,197) |
hsl(218,48%,56%) |
#C59E59 |
rgb(197,158,89) |
hsl(38,48%,56%) |
#59B5C5 |
rgb(89,181,197) |
hsl(189,48%,56%) |
#B6C459 |
rgb(182,196,89) |
hsl(68,48%,56%) |