HEX #5675C5 color — Indigo
The color #5675C5 is a dark shade and moderately saturated.
Palette
5675C5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(223,49%,95%) |
| #d9e0f2 |
rgb(217,224,242) |
hsl(223,49%,90%) |
| #c6d1eb |
rgb(198,209,235) |
hsl(223,49%,85%) |
| #b3c1e5 |
rgb(179,193,229) |
hsl(223,49%,80%) |
| #a0b2de |
rgb(160,178,222) |
hsl(223,49%,75%) |
| #8da2d8 |
rgb(141,162,216) |
hsl(223,49%,70%) |
| #7a93d1 |
rgb(122,147,209) |
hsl(223,49%,65%) |
| #6783cb |
rgb(103,131,203) |
hsl(223,49%,60%) |
| #5474c4 |
rgb(84,116,196) |
hsl(223,49%,55%) |
| #4164be |
rgb(65,100,190) |
hsl(223,49%,50%) |
| #3b5aab |
rgb(59,90,171) |
hsl(223,49%,45%) |
| #345098 |
rgb(52,80,152) |
hsl(223,49%,40%) |
| #2e4685 |
rgb(46,70,133) |
hsl(223,49%,35%) |
| #273c72 |
rgb(39,60,114) |
hsl(223,49%,30%) |
| #21325f |
rgb(33,50,95) |
hsl(223,49%,25%) |
| #1a284c |
rgb(26,40,76) |
hsl(223,49%,20%) |
| #141e39 |
rgb(20,30,57) |
hsl(223,49%,15%) |
| #0d1426 |
rgb(13,20,38) |
hsl(223,49%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(223,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BFC5 |
rgb(86,191,197) |
hsl(183,49%,55%) |
| #5675C5 |
rgb(86,117,197) |
hsl(223,49%,55%) |
| #8157C5 |
rgb(129,87,197) |
hsl(263,49%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #99ABDC |
rgb(153,171,220) |
hsl(224,49%,73%) |
| #7791D0 |
rgb(119,145,208) |
hsl(222,49%,64%) |
| #5675C5 |
rgb(86,117,197) |
hsl(223,49%,55%) |
| #3C5EB0 |
rgb(60,94,176) |
hsl(222,49%,46%) |
| #314D8F |
rgb(49,77,143) |
hsl(222,49%,38%) |
| #253B6D |
rgb(37,59,109) |
hsl(222,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5675C5 |
rgb(86,117,197) |
hsl(223,49%,55%) |
| #C56E56 |
rgb(197,110,86) |
hsl(13,49%,55%) |
| #ACC456 |
rgb(172,196,86) |
hsl(73,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5675C5 |
rgb(86,117,197) |
hsl(223,49%,55%) |
| #C5A656 |
rgb(197,166,86) |
hsl(43,49%,55%) |
| #56ADC5 |
rgb(86,173,197) |
hsl(193,49%,55%) |
| #ACC456 |
rgb(172,196,86) |
hsl(73,48%,55%) |
