HEX #5570C2 color — Indigo
The color #5570C2 is a dark shade and moderately saturated.
Palette
5570C2 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(225,47%,95%) |
#dae0f1 |
rgb(218,224,241) |
hsl(225,47%,90%) |
#c7d0eb |
rgb(199,208,235) |
hsl(225,47%,85%) |
#b4c0e4 |
rgb(180,192,228) |
hsl(225,47%,80%) |
#a1b0dd |
rgb(161,176,221) |
hsl(225,47%,75%) |
#8fa1d6 |
rgb(143,161,214) |
hsl(225,47%,70%) |
#7c91d0 |
rgb(124,145,208) |
hsl(225,47%,65%) |
#6981c9 |
rgb(105,129,201) |
hsl(225,47%,60%) |
#5671c2 |
rgb(86,113,194) |
hsl(225,47%,55%) |
#4462bb |
rgb(68,98,187) |
hsl(225,47%,50%) |
#3d58a9 |
rgb(61,88,169) |
hsl(225,47%,45%) |
#364e96 |
rgb(54,78,150) |
hsl(225,47%,40%) |
#2f4483 |
rgb(47,68,131) |
hsl(225,47%,35%) |
#293b70 |
rgb(41,59,112) |
hsl(225,47%,30%) |
#22315e |
rgb(34,49,94) |
hsl(225,47%,25%) |
#1b274b |
rgb(27,39,75) |
hsl(225,47%,20%) |
#141d38 |
rgb(20,29,56) |
hsl(225,47%,15%) |
#0e1425 |
rgb(14,20,37) |
hsl(225,47%,10%) |
#070a13 |
rgb(7,10,19) |
hsl(225,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B8C2 |
rgb(85,184,194) |
hsl(186,47%,55%) |
#5570C2 |
rgb(85,112,194) |
hsl(225,47%,55%) |
#8254C2 |
rgb(130,84,194) |
hsl(265,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96A8D9 |
rgb(150,168,217) |
hsl(224,47%,72%) |
#758CCD |
rgb(117,140,205) |
hsl(224,47%,63%) |
#5570C2 |
rgb(85,112,194) |
hsl(225,47%,55%) |
#3D59AC |
rgb(61,89,172) |
hsl(225,48%,46%) |
#32478B |
rgb(50,71,139) |
hsl(226,47%,37%) |
#26386A |
rgb(38,56,106) |
hsl(224,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5570C2 |
rgb(85,112,194) |
hsl(225,47%,55%) |
#C27055 |
rgb(194,112,85) |
hsl(15,47%,55%) |
#A6C255 |
rgb(166,194,85) |
hsl(75,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5570C2 |
rgb(85,112,194) |
hsl(225,47%,55%) |
#C2A655 |
rgb(194,166,85) |
hsl(45,47%,55%) |
#55A6C2 |
rgb(85,166,194) |
hsl(195,47%,55%) |
#A6C255 |
rgb(166,194,85) |
hsl(75,47%,55%) |