HEX #5984C5 color — Indigo
The color #5984c5 is a dark shade and moderately saturated.
Palette
5984c5 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(216,48%,96%) |
#dde6f3 |
rgb(221,230,243) |
hsl(216,48%,91%) |
#cad8ec |
rgb(202,216,236) |
hsl(216,48%,86%) |
#b7cae6 |
rgb(183,202,230) |
hsl(216,48%,81%) |
#a4bcdf |
rgb(164,188,223) |
hsl(216,48%,76%) |
#92aed9 |
rgb(146,174,217) |
hsl(216,48%,71%) |
#7fa0d2 |
rgb(127,160,210) |
hsl(216,48%,66%) |
#6c92cb |
rgb(108,146,203) |
hsl(216,48%,61%) |
#5984c5 |
rgb(89,132,197) |
hsl(216,48%,56%) |
#4676be |
rgb(70,118,190) |
hsl(216,48%,51%) |
#3d6aae |
rgb(61,106,174) |
hsl(216,48%,46%) |
#365f9b |
rgb(54,95,155) |
hsl(216,48%,41%) |
#305388 |
rgb(48,83,136) |
hsl(216,48%,36%) |
#294775 |
rgb(41,71,117) |
hsl(216,48%,31%) |
#223c62 |
rgb(34,60,98) |
hsl(216,48%,26%) |
#1c304f |
rgb(28,48,79) |
hsl(216,48%,21%) |
#15253c |
rgb(21,37,60) |
hsl(216,48%,16%) |
#0f192a |
rgb(15,25,42) |
hsl(216,48%,11%) |
#080e17 |
rgb(8,14,23) |
hsl(216,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(216,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#59C4BE |
rgb(89,196,190) |
hsl(177,48%,56%) |
#5984C5 |
rgb(89,132,197) |
hsl(216,48%,56%) |
#7659C5 |
rgb(118,89,197) |
hsl(256,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB5DC |
rgb(156,181,220) |
hsl(217,48%,74%) |
#7A9ED0 |
rgb(122,158,208) |
hsl(215,48%,65%) |
#5984C5 |
rgb(89,132,197) |
hsl(216,48%,56%) |
#3E6BB2 |
rgb(62,107,178) |
hsl(217,48%,47%) |
#325790 |
rgb(50,87,144) |
hsl(216,48%,38%) |
#26426E |
rgb(38,66,110) |
hsl(217,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5984C5 |
rgb(89,132,197) |
hsl(216,48%,56%) |
#C56359 |
rgb(197,99,89) |
hsl(6,48%,56%) |
#BAC459 |
rgb(186,196,89) |
hsl(66,48%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5984C5 |
rgb(89,132,197) |
hsl(216,48%,56%) |
#C59959 |
rgb(197,153,89) |
hsl(36,48%,56%) |
#59BAC5 |
rgb(89,186,197) |
hsl(186,48%,56%) |
#BAC459 |
rgb(186,196,89) |
hsl(66,48%,56%) |