HEX #5582C4 color — Indigo
The color #5582C4 is a dark shade and moderately saturated.
Palette
5582C4 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(216,48%,95%) |
#d9e3f2 |
rgb(217,227,242) |
hsl(216,48%,90%) |
#c6d5eb |
rgb(198,213,235) |
hsl(216,48%,85%) |
#b4c7e4 |
rgb(180,199,228) |
hsl(216,48%,80%) |
#a1b9de |
rgb(161,185,222) |
hsl(216,48%,75%) |
#8eabd7 |
rgb(142,171,215) |
hsl(216,48%,70%) |
#7b9dd1 |
rgb(123,157,209) |
hsl(216,48%,65%) |
#688fca |
rgb(104,143,202) |
hsl(216,48%,60%) |
#5581c3 |
rgb(85,129,195) |
hsl(216,48%,55%) |
#4273bd |
rgb(66,115,189) |
hsl(216,48%,50%) |
#3c68aa |
rgb(60,104,170) |
hsl(216,48%,45%) |
#355c97 |
rgb(53,92,151) |
hsl(216,48%,40%) |
#2e5184 |
rgb(46,81,132) |
hsl(216,48%,35%) |
#284571 |
rgb(40,69,113) |
hsl(216,48%,30%) |
#213a5e |
rgb(33,58,94) |
hsl(216,48%,25%) |
#1b2e4b |
rgb(27,46,75) |
hsl(216,48%,20%) |
#142339 |
rgb(20,35,57) |
hsl(216,48%,15%) |
#0d1726 |
rgb(13,23,38) |
hsl(216,48%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(216,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C4BC |
rgb(85,196,188) |
hsl(176,48%,55%) |
#5582C4 |
rgb(85,130,196) |
hsl(216,48%,55%) |
#7254C4 |
rgb(114,84,196) |
hsl(256,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B3DB |
rgb(151,179,219) |
hsl(215,49%,73%) |
#769CCF |
rgb(118,156,207) |
hsl(214,48%,64%) |
#5582C4 |
rgb(85,130,196) |
hsl(216,48%,55%) |
#3C6BAF |
rgb(60,107,175) |
hsl(215,49%,46%) |
#31578D |
rgb(49,87,141) |
hsl(215,48%,37%) |
#25426C |
rgb(37,66,108) |
hsl(215,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5582C4 |
rgb(85,130,196) |
hsl(216,48%,55%) |
#C45E55 |
rgb(196,94,85) |
hsl(5,48%,55%) |
#B9C455 |
rgb(185,196,85) |
hsl(66,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5582C4 |
rgb(85,130,196) |
hsl(216,48%,55%) |
#C49655 |
rgb(196,150,85) |
hsl(35,48%,55%) |
#55BAC4 |
rgb(85,186,196) |
hsl(185,48%,55%) |
#B9C455 |
rgb(185,196,85) |
hsl(66,48%,55%) |