HEX #5670D4 color — Indigo
The color #5670D4 is a dark shade and moderately saturated.
Palette
5670D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,59%,98%) |
#e3e7f8 |
rgb(227,231,248) |
hsl(228,59%,93%) |
#ced6f2 |
rgb(206,214,242) |
hsl(228,59%,88%) |
#bac4ed |
rgb(186,196,237) |
hsl(228,59%,83%) |
#a6b3e8 |
rgb(166,179,232) |
hsl(228,59%,78%) |
#92a2e3 |
rgb(146,162,227) |
hsl(228,59%,73%) |
#7d91de |
rgb(125,145,222) |
hsl(228,59%,68%) |
#697fd8 |
rgb(105,127,216) |
hsl(228,59%,63%) |
#556ed3 |
rgb(85,110,211) |
hsl(228,59%,58%) |
#405dce |
rgb(64,93,206) |
hsl(228,59%,53%) |
#324fc3 |
rgb(50,79,195) |
hsl(228,59%,48%) |
#2d47ae |
rgb(45,71,174) |
hsl(228,59%,43%) |
#283f9a |
rgb(40,63,154) |
hsl(228,59%,38%) |
#233686 |
rgb(35,54,134) |
hsl(228,59%,33%) |
#1d2e72 |
rgb(29,46,114) |
hsl(228,59%,28%) |
#18265d |
rgb(24,38,93) |
hsl(228,59%,23%) |
#131e49 |
rgb(19,30,73) |
hsl(228,59%,18%) |
#0e1535 |
rgb(14,21,53) |
hsl(228,59%,13%) |
#080d20 |
rgb(8,13,32) |
hsl(228,59%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C4D4 |
rgb(86,196,212) |
hsl(188,59%,58%) |
#5670D4 |
rgb(86,112,212) |
hsl(228,59%,58%) |
#9057D4 |
rgb(144,87,212) |
hsl(267,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2B0E7 |
rgb(162,176,231) |
hsl(228,59%,77%) |
#7C91DD |
rgb(124,145,221) |
hsl(227,59%,68%) |
#5670D4 |
rgb(86,112,212) |
hsl(228,59%,58%) |
#3252C7 |
rgb(50,82,199) |
hsl(227,60%,49%) |
#2942A1 |
rgb(41,66,161) |
hsl(228,59%,40%) |
#1F337B |
rgb(31,51,123) |
hsl(227,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5670D4 |
rgb(86,112,212) |
hsl(228,59%,58%) |
#D47A56 |
rgb(212,122,86) |
hsl(17,59%,58%) |
#AFD456 |
rgb(175,212,86) |
hsl(78,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5670D4 |
rgb(86,112,212) |
hsl(228,59%,58%) |
#D4BA56 |
rgb(212,186,86) |
hsl(48,59%,58%) |
#56B0D4 |
rgb(86,176,212) |
hsl(197,59%,58%) |
#AFD456 |
rgb(175,212,86) |
hsl(78,59%,58%) |