HEX #5681C2 color — Indigo
The color #5681c2 is a dark shade and moderately saturated.
Palette
5681c2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(216,47%,95%) |
| #dae3f1 |
rgb(218,227,241) |
hsl(216,47%,90%) |
| #c7d5eb |
rgb(199,213,235) |
hsl(216,47%,85%) |
| #b4c7e4 |
rgb(180,199,228) |
hsl(216,47%,80%) |
| #a1b9dd |
rgb(161,185,221) |
hsl(216,47%,75%) |
| #8fabd6 |
rgb(143,171,214) |
hsl(216,47%,70%) |
| #7c9dd0 |
rgb(124,157,208) |
hsl(216,47%,65%) |
| #698fc9 |
rgb(105,143,201) |
hsl(216,47%,60%) |
| #5681c2 |
rgb(86,129,194) |
hsl(216,47%,55%) |
| #4474bb |
rgb(68,116,187) |
hsl(216,47%,50%) |
| #3d68a9 |
rgb(61,104,169) |
hsl(216,47%,45%) |
| #365c96 |
rgb(54,92,150) |
hsl(216,47%,40%) |
| #2f5183 |
rgb(47,81,131) |
hsl(216,47%,35%) |
| #294570 |
rgb(41,69,112) |
hsl(216,47%,30%) |
| #223a5e |
rgb(34,58,94) |
hsl(216,47%,25%) |
| #1b2e4b |
rgb(27,46,75) |
hsl(216,47%,20%) |
| #142338 |
rgb(20,35,56) |
hsl(216,47%,15%) |
| #0e1725 |
rgb(14,23,37) |
hsl(216,47%,10%) |
| #070c13 |
rgb(7,12,19) |
hsl(216,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C2BB |
rgb(86,194,187) |
hsl(176,47%,55%) |
| #5681C2 |
rgb(86,129,194) |
hsl(216,47%,55%) |
| #7357C2 |
rgb(115,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%) |
| #5681C2 |
rgb(86,129,194) |
hsl(216,47%,55%) |
| #3E6BAC |
rgb(62,107,172) |
hsl(215,47%,46%) |
| #32578B |
rgb(50,87,139) |
hsl(215,47%,37%) |
| #26426A |
rgb(38,66,106) |
hsl(215,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5681C2 |
rgb(86,129,194) |
hsl(216,47%,55%) |
| #C26156 |
rgb(194,97,86) |
hsl(6,47%,55%) |
| #B7C256 |
rgb(183,194,86) |
hsl(66,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5681C2 |
rgb(86,129,194) |
hsl(216,47%,55%) |
| #C29656 |
rgb(194,150,86) |
hsl(36,47%,55%) |
| #56B8C2 |
rgb(86,184,194) |
hsl(186,47%,55%) |
| #B7C256 |
rgb(183,194,86) |
hsl(66,47%,55%) |
