HEX #5685C4 color — Indigo
The color #5685C4 is a dark shade and moderately saturated.
Palette
5685C4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(214,48%,95%) |
| #d9e4f2 |
rgb(217,228,242) |
hsl(214,48%,90%) |
| #c6d6eb |
rgb(198,214,235) |
hsl(214,48%,85%) |
| #b4c9e4 |
rgb(180,201,228) |
hsl(214,48%,80%) |
| #a1bbde |
rgb(161,187,222) |
hsl(214,48%,75%) |
| #8eaed7 |
rgb(142,174,215) |
hsl(214,48%,70%) |
| #7ba0d1 |
rgb(123,160,209) |
hsl(214,48%,65%) |
| #6892ca |
rgb(104,146,202) |
hsl(214,48%,60%) |
| #5585c3 |
rgb(85,133,195) |
hsl(214,48%,55%) |
| #4277bd |
rgb(66,119,189) |
hsl(214,48%,50%) |
| #3c6baa |
rgb(60,107,170) |
hsl(214,48%,45%) |
| #355f97 |
rgb(53,95,151) |
hsl(214,48%,40%) |
| #2e5484 |
rgb(46,84,132) |
hsl(214,48%,35%) |
| #284871 |
rgb(40,72,113) |
hsl(214,48%,30%) |
| #213c5e |
rgb(33,60,94) |
hsl(214,48%,25%) |
| #1b304b |
rgb(27,48,75) |
hsl(214,48%,20%) |
| #142439 |
rgb(20,36,57) |
hsl(214,48%,15%) |
| #0d1826 |
rgb(13,24,38) |
hsl(214,48%,10%) |
| #070c13 |
rgb(7,12,19) |
hsl(214,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C4B9 |
rgb(86,196,185) |
hsl(174,48%,55%) |
| #5685C4 |
rgb(86,133,196) |
hsl(214,48%,55%) |
| #7057C4 |
rgb(112,87,196) |
hsl(254,48%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98B5DB |
rgb(152,181,219) |
hsl(214,48%,73%) |
| #779ECF |
rgb(119,158,207) |
hsl(213,48%,64%) |
| #5685C4 |
rgb(86,133,196) |
hsl(214,48%,55%) |
| #3D6EAF |
rgb(61,110,175) |
hsl(214,48%,46%) |
| #31598E |
rgb(49,89,142) |
hsl(214,49%,37%) |
| #25456C |
rgb(37,69,108) |
hsl(213,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5685C4 |
rgb(86,133,196) |
hsl(214,48%,55%) |
| #C45E56 |
rgb(196,94,86) |
hsl(4,48%,55%) |
| #BCC456 |
rgb(188,196,86) |
hsl(64,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5685C4 |
rgb(86,133,196) |
hsl(214,48%,55%) |
| #C49456 |
rgb(196,148,86) |
hsl(34,48%,55%) |
| #56BDC4 |
rgb(86,189,196) |
hsl(184,48%,55%) |
| #BCC456 |
rgb(188,196,86) |
hsl(64,48%,55%) |
