HEX #5682C3 color — Indigo
The color #5682C3 is a dark shade and moderately saturated.
Palette
5682C3 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 |
| #56C2BB |
rgb(86,194,187) |
hsl(176,47%,55%) |
| #5682C3 |
rgb(86,130,195) |
hsl(216,48%,55%) |
| #7257C3 |
rgb(114,87,195) |
hsl(255,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98B3DA |
rgb(152,179,218) |
hsl(215,47%,73%) |
| #779CCE |
rgb(119,156,206) |
hsl(214,47%,64%) |
| #5682C3 |
rgb(86,130,195) |
hsl(216,48%,55%) |
| #3D6BAE |
rgb(61,107,174) |
hsl(216,48%,46%) |
| #32578D |
rgb(50,87,141) |
hsl(216,48%,37%) |
| #26426B |
rgb(38,66,107) |
hsl(216,48%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5682C3 |
rgb(86,130,195) |
hsl(216,48%,55%) |
| #C36156 |
rgb(195,97,86) |
hsl(6,48%,55%) |
| #B8C256 |
rgb(184,194,86) |
hsl(66,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5682C3 |
rgb(86,130,195) |
hsl(216,48%,55%) |
| #C39656 |
rgb(195,150,86) |
hsl(35,48%,55%) |
| #56B8C3 |
rgb(86,184,195) |
hsl(186,48%,55%) |
| #B8C256 |
rgb(184,194,86) |
hsl(66,47%,55%) |
