HEX #5678C5 color — Indigo
The color #5678C5 is a dark shade and moderately saturated.
Palette
5678C5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(222,49%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(222,49%,90%) |
| #c6d1eb |
rgb(198,209,235) |
hsl(222,49%,85%) |
| #b3c2e5 |
rgb(179,194,229) |
hsl(222,49%,80%) |
| #a0b3de |
rgb(160,179,222) |
hsl(222,49%,75%) |
| #8da4d8 |
rgb(141,164,216) |
hsl(222,49%,70%) |
| #7a94d1 |
rgb(122,148,209) |
hsl(222,49%,65%) |
| #6785cb |
rgb(103,133,203) |
hsl(222,49%,60%) |
| #5476c4 |
rgb(84,118,196) |
hsl(222,49%,55%) |
| #4167be |
rgb(65,103,190) |
hsl(222,49%,50%) |
| #3b5cab |
rgb(59,92,171) |
hsl(222,49%,45%) |
| #345298 |
rgb(52,82,152) |
hsl(222,49%,40%) |
| #2e4885 |
rgb(46,72,133) |
hsl(222,49%,35%) |
| #273e72 |
rgb(39,62,114) |
hsl(222,49%,30%) |
| #21335f |
rgb(33,51,95) |
hsl(222,49%,25%) |
| #1a294c |
rgb(26,41,76) |
hsl(222,49%,20%) |
| #141f39 |
rgb(20,31,57) |
hsl(222,49%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(222,49%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(222,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C2C5 |
rgb(86,194,197) |
hsl(182,49%,55%) |
| #5678C5 |
rgb(86,120,197) |
hsl(222,49%,55%) |
| #7E57C5 |
rgb(126,87,197) |
hsl(261,49%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #99ADDC |
rgb(153,173,220) |
hsl(222,49%,73%) |
| #7794D0 |
rgb(119,148,208) |
hsl(220,49%,64%) |
| #5678C5 |
rgb(86,120,197) |
hsl(222,49%,55%) |
| #3C61B0 |
rgb(60,97,176) |
hsl(221,49%,46%) |
| #314F8F |
rgb(49,79,143) |
hsl(221,49%,38%) |
| #253B6D |
rgb(37,59,109) |
hsl(222,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5678C5 |
rgb(86,120,197) |
hsl(222,49%,55%) |
| #C56B56 |
rgb(197,107,86) |
hsl(11,49%,55%) |
| #AFC456 |
rgb(175,196,86) |
hsl(71,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5678C5 |
rgb(86,120,197) |
hsl(222,49%,55%) |
| #C5A356 |
rgb(197,163,86) |
hsl(42,49%,55%) |
| #56B0C5 |
rgb(86,176,197) |
hsl(191,49%,55%) |
| #AFC456 |
rgb(175,196,86) |
hsl(71,48%,55%) |
