HEX #5680C2 color — Indigo
The color #5680C2 is a dark shade and moderately saturated.
Palette
5680C2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(217,47%,95%) |
| #dae3f1 |
rgb(218,227,241) |
hsl(217,47%,90%) |
| #c7d5eb |
rgb(199,213,235) |
hsl(217,47%,85%) |
| #b4c6e4 |
rgb(180,198,228) |
hsl(217,47%,80%) |
| #a1b8dd |
rgb(161,184,221) |
hsl(217,47%,75%) |
| #8faad6 |
rgb(143,170,214) |
hsl(217,47%,70%) |
| #7c9cd0 |
rgb(124,156,208) |
hsl(217,47%,65%) |
| #698ec9 |
rgb(105,142,201) |
hsl(217,47%,60%) |
| #5680c2 |
rgb(86,128,194) |
hsl(217,47%,55%) |
| #4472bb |
rgb(68,114,187) |
hsl(217,47%,50%) |
| #3d66a9 |
rgb(61,102,169) |
hsl(217,47%,45%) |
| #365b96 |
rgb(54,91,150) |
hsl(217,47%,40%) |
| #2f4f83 |
rgb(47,79,131) |
hsl(217,47%,35%) |
| #294470 |
rgb(41,68,112) |
hsl(217,47%,30%) |
| #22395e |
rgb(34,57,94) |
hsl(217,47%,25%) |
| #1b2d4b |
rgb(27,45,75) |
hsl(217,47%,20%) |
| #142238 |
rgb(20,34,56) |
hsl(217,47%,15%) |
| #0e1725 |
rgb(14,23,37) |
hsl(217,47%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(217,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C2BC |
rgb(86,194,188) |
hsl(177,47%,55%) |
| #5680C2 |
rgb(86,128,194) |
hsl(217,47%,55%) |
| #7457C2 |
rgb(116,87,194) |
hsl(256,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97B3D9 |
rgb(151,179,217) |
hsl(215,46%,72%) |
| #7699CD |
rgb(118,153,205) |
hsl(216,47%,63%) |
| #5680C2 |
rgb(86,128,194) |
hsl(217,47%,55%) |
| #3E69AC |
rgb(62,105,172) |
hsl(217,47%,46%) |
| #32548B |
rgb(50,84,139) |
hsl(217,47%,37%) |
| #26426A |
rgb(38,66,106) |
hsl(215,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5680C2 |
rgb(86,128,194) |
hsl(217,47%,55%) |
| #C26156 |
rgb(194,97,86) |
hsl(6,47%,55%) |
| #B6C256 |
rgb(182,194,86) |
hsl(67,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5680C2 |
rgb(86,128,194) |
hsl(217,47%,55%) |
| #C29956 |
rgb(194,153,86) |
hsl(37,47%,55%) |
| #56B5C2 |
rgb(86,181,194) |
hsl(187,47%,55%) |
| #B6C256 |
rgb(182,194,86) |
hsl(67,47%,55%) |
