HEX #5687C4 color — Indigo
The color #5687C4 is a light shade and moderately saturated.
Palette
5687C4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf2f8 |
rgb(236,242,248) |
hsl(213,48%,95%) |
| #d9e4f2 |
rgb(217,228,242) |
hsl(213,48%,90%) |
| #c6d7eb |
rgb(198,215,235) |
hsl(213,48%,85%) |
| #b4cae4 |
rgb(180,202,228) |
hsl(213,48%,80%) |
| #a1bcde |
rgb(161,188,222) |
hsl(213,48%,75%) |
| #8eafd7 |
rgb(142,175,215) |
hsl(213,48%,70%) |
| #7ba1d1 |
rgb(123,161,209) |
hsl(213,48%,65%) |
| #6894ca |
rgb(104,148,202) |
hsl(213,48%,60%) |
| #5587c3 |
rgb(85,135,195) |
hsl(213,48%,55%) |
| #4279bd |
rgb(66,121,189) |
hsl(213,48%,50%) |
| #3c6daa |
rgb(60,109,170) |
hsl(213,48%,45%) |
| #356197 |
rgb(53,97,151) |
hsl(213,48%,40%) |
| #2e5584 |
rgb(46,85,132) |
hsl(213,48%,35%) |
| #284971 |
rgb(40,73,113) |
hsl(213,48%,30%) |
| #213d5e |
rgb(33,61,94) |
hsl(213,48%,25%) |
| #1b314b |
rgb(27,49,75) |
hsl(213,48%,20%) |
| #142439 |
rgb(20,36,57) |
hsl(213,48%,15%) |
| #0d1826 |
rgb(13,24,38) |
hsl(213,48%,10%) |
| #070c13 |
rgb(7,12,19) |
hsl(213,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C4B7 |
rgb(86,196,183) |
hsl(173,48%,55%) |
| #5687C4 |
rgb(86,135,196) |
hsl(213,48%,55%) |
| #6E57C4 |
rgb(110,87,196) |
hsl(253,48%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98B8DB |
rgb(152,184,219) |
hsl(211,48%,73%) |
| #779ECF |
rgb(119,158,207) |
hsl(213,48%,64%) |
| #5687C4 |
rgb(86,135,196) |
hsl(213,48%,55%) |
| #3D70AF |
rgb(61,112,175) |
hsl(213,48%,46%) |
| #315C8E |
rgb(49,92,142) |
hsl(212,49%,37%) |
| #25456C |
rgb(37,69,108) |
hsl(213,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5687C4 |
rgb(86,135,196) |
hsl(213,48%,55%) |
| #C45C56 |
rgb(196,92,86) |
hsl(3,48%,55%) |
| #BEC456 |
rgb(190,196,86) |
hsl(63,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5687C4 |
rgb(86,135,196) |
hsl(213,48%,55%) |
| #C49456 |
rgb(196,148,86) |
hsl(34,48%,55%) |
| #56BFC4 |
rgb(86,191,196) |
hsl(183,48%,55%) |
| #BEC456 |
rgb(190,196,86) |
hsl(63,48%,55%) |
