HEX #5670C5 color — Indigo
The color #5670C5 is a dark shade and moderately saturated.
Palette
5670C5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff8 |
rgb(236,239,248) |
hsl(226,49%,95%) |
| #d9dff2 |
rgb(217,223,242) |
hsl(226,49%,90%) |
| #c6cfeb |
rgb(198,207,235) |
hsl(226,49%,85%) |
| #b3bfe5 |
rgb(179,191,229) |
hsl(226,49%,80%) |
| #a0afde |
rgb(160,175,222) |
hsl(226,49%,75%) |
| #8d9fd8 |
rgb(141,159,216) |
hsl(226,49%,70%) |
| #7a8ed1 |
rgb(122,142,209) |
hsl(226,49%,65%) |
| #677ecb |
rgb(103,126,203) |
hsl(226,49%,60%) |
| #546ec4 |
rgb(84,110,196) |
hsl(226,49%,55%) |
| #415ebe |
rgb(65,94,190) |
hsl(226,49%,50%) |
| #3b55ab |
rgb(59,85,171) |
hsl(226,49%,45%) |
| #344b98 |
rgb(52,75,152) |
hsl(226,49%,40%) |
| #2e4285 |
rgb(46,66,133) |
hsl(226,49%,35%) |
| #273972 |
rgb(39,57,114) |
hsl(226,49%,30%) |
| #212f5f |
rgb(33,47,95) |
hsl(226,49%,25%) |
| #1a264c |
rgb(26,38,76) |
hsl(226,49%,20%) |
| #141c39 |
rgb(20,28,57) |
hsl(226,49%,15%) |
| #0d1326 |
rgb(13,19,38) |
hsl(226,49%,10%) |
| #070913 |
rgb(7,9,19) |
hsl(226,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BAC5 |
rgb(86,186,197) |
hsl(186,49%,55%) |
| #5670C5 |
rgb(86,112,197) |
hsl(226,49%,55%) |
| #8657C5 |
rgb(134,87,197) |
hsl(266,49%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #99A8DC |
rgb(153,168,220) |
hsl(227,49%,73%) |
| #778CD0 |
rgb(119,140,208) |
hsl(226,49%,64%) |
| #5670C5 |
rgb(86,112,197) |
hsl(226,49%,55%) |
| #3C57B0 |
rgb(60,87,176) |
hsl(226,49%,46%) |
| #31478F |
rgb(49,71,143) |
hsl(226,49%,38%) |
| #25366D |
rgb(37,54,109) |
hsl(226,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5670C5 |
rgb(86,112,197) |
hsl(226,49%,55%) |
| #C57356 |
rgb(197,115,86) |
hsl(16,49%,55%) |
| #A7C456 |
rgb(167,196,86) |
hsl(76,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5670C5 |
rgb(86,112,197) |
hsl(226,49%,55%) |
| #C5AB56 |
rgb(197,171,86) |
hsl(46,49%,55%) |
| #56A8C5 |
rgb(86,168,197) |
hsl(196,49%,55%) |
| #A7C456 |
rgb(167,196,86) |
hsl(76,48%,55%) |
