HEX #5680C5 color — Indigo
The color #5680C5 is a dark shade and moderately saturated.
Palette
5680C5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(217,49%,95%) |
| #d9e3f2 |
rgb(217,227,242) |
hsl(217,49%,90%) |
| #c6d4eb |
rgb(198,212,235) |
hsl(217,49%,85%) |
| #b3c6e5 |
rgb(179,198,229) |
hsl(217,49%,80%) |
| #a0b8de |
rgb(160,184,222) |
hsl(217,49%,75%) |
| #8daad8 |
rgb(141,170,216) |
hsl(217,49%,70%) |
| #7a9cd1 |
rgb(122,156,209) |
hsl(217,49%,65%) |
| #678dcb |
rgb(103,141,203) |
hsl(217,49%,60%) |
| #547fc4 |
rgb(84,127,196) |
hsl(217,49%,55%) |
| #4171be |
rgb(65,113,190) |
hsl(217,49%,50%) |
| #3b66ab |
rgb(59,102,171) |
hsl(217,49%,45%) |
| #345a98 |
rgb(52,90,152) |
hsl(217,49%,40%) |
| #2e4f85 |
rgb(46,79,133) |
hsl(217,49%,35%) |
| #274472 |
rgb(39,68,114) |
hsl(217,49%,30%) |
| #21385f |
rgb(33,56,95) |
hsl(217,49%,25%) |
| #1a2d4c |
rgb(26,45,76) |
hsl(217,49%,20%) |
| #142239 |
rgb(20,34,57) |
hsl(217,49%,15%) |
| #0d1726 |
rgb(13,23,38) |
hsl(217,49%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(217,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C4C0 |
rgb(86,196,192) |
hsl(178,48%,55%) |
| #5680C5 |
rgb(86,128,197) |
hsl(217,49%,55%) |
| #7657C5 |
rgb(118,87,197) |
hsl(257,49%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #99B3DC |
rgb(153,179,220) |
hsl(217,49%,73%) |
| #7799D0 |
rgb(119,153,208) |
hsl(217,49%,64%) |
| #5680C5 |
rgb(86,128,197) |
hsl(217,49%,55%) |
| #3C69B0 |
rgb(60,105,176) |
hsl(217,49%,46%) |
| #31548F |
rgb(49,84,143) |
hsl(218,49%,38%) |
| #25406D |
rgb(37,64,109) |
hsl(218,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5680C5 |
rgb(86,128,197) |
hsl(217,49%,55%) |
| #C56356 |
rgb(197,99,86) |
hsl(7,49%,55%) |
| #B7C456 |
rgb(183,196,86) |
hsl(67,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5680C5 |
rgb(86,128,197) |
hsl(217,49%,55%) |
| #C59C56 |
rgb(197,156,86) |
hsl(38,49%,55%) |
| #56B8C5 |
rgb(86,184,197) |
hsl(187,49%,55%) |
| #B7C456 |
rgb(183,196,86) |
hsl(67,48%,55%) |
