HEX #5582C5 color — Indigo
The color #5582C5 is a dark shade and moderately saturated.
Palette
5582C5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(216,49%,95%) |
| #d9e3f2 |
rgb(217,227,242) |
hsl(216,49%,90%) |
| #c6d5eb |
rgb(198,213,235) |
hsl(216,49%,85%) |
| #b3c7e5 |
rgb(179,199,229) |
hsl(216,49%,80%) |
| #a0b9de |
rgb(160,185,222) |
hsl(216,49%,75%) |
| #8dabd8 |
rgb(141,171,216) |
hsl(216,49%,70%) |
| #7a9dd1 |
rgb(122,157,209) |
hsl(216,49%,65%) |
| #678fcb |
rgb(103,143,203) |
hsl(216,49%,60%) |
| #5481c4 |
rgb(84,129,196) |
hsl(216,49%,55%) |
| #4173be |
rgb(65,115,190) |
hsl(216,49%,50%) |
| #3b68ab |
rgb(59,104,171) |
hsl(216,49%,45%) |
| #345c98 |
rgb(52,92,152) |
hsl(216,49%,40%) |
| #2e5185 |
rgb(46,81,133) |
hsl(216,49%,35%) |
| #274572 |
rgb(39,69,114) |
hsl(216,49%,30%) |
| #213a5f |
rgb(33,58,95) |
hsl(216,49%,25%) |
| #1a2e4c |
rgb(26,46,76) |
hsl(216,49%,20%) |
| #142339 |
rgb(20,35,57) |
hsl(216,49%,15%) |
| #0d1726 |
rgb(13,23,38) |
hsl(216,49%,10%) |
| #070c13 |
rgb(7,12,19) |
hsl(216,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C4BD |
rgb(85,196,189) |
hsl(176,48%,55%) |
| #5582C5 |
rgb(85,130,197) |
hsl(216,49%,55%) |
| #7254C5 |
rgb(114,84,197) |
hsl(256,49%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98B3DB |
rgb(152,179,219) |
hsl(216,48%,73%) |
| #769CD0 |
rgb(118,156,208) |
hsl(215,49%,64%) |
| #5582C5 |
rgb(85,130,197) |
hsl(216,49%,55%) |
| #3C6BB0 |
rgb(60,107,176) |
hsl(216,49%,46%) |
| #30578E |
rgb(48,87,142) |
hsl(215,49%,37%) |
| #25426D |
rgb(37,66,109) |
hsl(216,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5582C5 |
rgb(85,130,197) |
hsl(216,49%,55%) |
| #C56155 |
rgb(197,97,85) |
hsl(6,49%,55%) |
| #BAC455 |
rgb(186,196,85) |
hsl(65,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5582C5 |
rgb(85,130,197) |
hsl(216,49%,55%) |
| #C59955 |
rgb(197,153,85) |
hsl(36,49%,55%) |
| #55BAC5 |
rgb(85,186,197) |
hsl(186,49%,55%) |
| #BAC455 |
rgb(186,196,85) |
hsl(65,48%,55%) |
