HEX #5770D1 color — Indigo
The color #5770D1 is a dark shade and moderately saturated.
Palette
5770D1 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,57%,98%) |
#e3e7f7 |
rgb(227,231,247) |
hsl(228,57%,93%) |
#cfd6f2 |
rgb(207,214,242) |
hsl(228,57%,88%) |
#bbc5ec |
rgb(187,197,236) |
hsl(228,57%,83%) |
#a7b4e7 |
rgb(167,180,231) |
hsl(228,57%,78%) |
#93a3e1 |
rgb(147,163,225) |
hsl(228,57%,73%) |
#7f91dc |
rgb(127,145,220) |
hsl(228,57%,68%) |
#6b80d6 |
rgb(107,128,214) |
hsl(228,57%,63%) |
#576fd1 |
rgb(87,111,209) |
hsl(228,57%,58%) |
#435ecb |
rgb(67,94,203) |
hsl(228,57%,53%) |
#3551c0 |
rgb(53,81,192) |
hsl(228,57%,48%) |
#2f48ac |
rgb(47,72,172) |
hsl(228,57%,43%) |
#2a4098 |
rgb(42,64,152) |
hsl(228,57%,38%) |
#243784 |
rgb(36,55,132) |
hsl(228,57%,33%) |
#1f2f70 |
rgb(31,47,112) |
hsl(228,57%,28%) |
#19275c |
rgb(25,39,92) |
hsl(228,57%,23%) |
#141e48 |
rgb(20,30,72) |
hsl(228,57%,18%) |
#0e1634 |
rgb(14,22,52) |
hsl(228,57%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(228,57%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#57C2D1 |
rgb(87,194,209) |
hsl(187,57%,58%) |
#5770D1 |
rgb(87,112,209) |
hsl(228,57%,58%) |
#8F57D1 |
rgb(143,87,209) |
hsl(268,57%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1B0E5 |
rgb(161,176,229) |
hsl(227,57%,76%) |
#7C8FDB |
rgb(124,143,219) |
hsl(228,57%,67%) |
#5770D1 |
rgb(87,112,209) |
hsl(228,57%,58%) |
#3552C3 |
rgb(53,82,195) |
hsl(228,57%,49%) |
#2B429E |
rgb(43,66,158) |
hsl(228,57%,39%) |
#213378 |
rgb(33,51,120) |
hsl(228,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5770D1 |
rgb(87,112,209) |
hsl(228,57%,58%) |
#D17A57 |
rgb(209,122,87) |
hsl(17,57%,58%) |
#ADD157 |
rgb(173,209,87) |
hsl(78,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5770D1 |
rgb(87,112,209) |
hsl(228,57%,58%) |
#D1B857 |
rgb(209,184,87) |
hsl(48,57%,58%) |
#57ADD1 |
rgb(87,173,209) |
hsl(198,57%,58%) |
#ADD157 |
rgb(173,209,87) |
hsl(78,57%,58%) |