HEX #5770D0 color — Indigo
The color #5770D0 is a dark shade and moderately saturated.
Palette
5770D0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,56%,98%) |
#e3e7f7 |
rgb(227,231,247) |
hsl(228,56%,93%) |
#cfd6f2 |
rgb(207,214,242) |
hsl(228,56%,88%) |
#bbc5ec |
rgb(187,197,236) |
hsl(228,56%,83%) |
#a7b4e6 |
rgb(167,180,230) |
hsl(228,56%,78%) |
#94a3e1 |
rgb(148,163,225) |
hsl(228,56%,73%) |
#8092db |
rgb(128,146,219) |
hsl(228,56%,68%) |
#6c81d5 |
rgb(108,129,213) |
hsl(228,56%,63%) |
#5870d0 |
rgb(88,112,208) |
hsl(228,56%,58%) |
#445fca |
rgb(68,95,202) |
hsl(228,56%,53%) |
#3651bf |
rgb(54,81,191) |
hsl(228,56%,48%) |
#3049ab |
rgb(48,73,171) |
hsl(228,56%,43%) |
#2b4097 |
rgb(43,64,151) |
hsl(228,56%,38%) |
#253883 |
rgb(37,56,131) |
hsl(228,56%,33%) |
#1f2f6f |
rgb(31,47,111) |
hsl(228,56%,28%) |
#1a275b |
rgb(26,39,91) |
hsl(228,56%,23%) |
#141e48 |
rgb(20,30,72) |
hsl(228,56%,18%) |
#0f1634 |
rgb(15,22,52) |
hsl(228,56%,13%) |
#090e20 |
rgb(9,14,32) |
hsl(228,56%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#57C2D0 |
rgb(87,194,208) |
hsl(187,56%,58%) |
#5770D0 |
rgb(87,112,208) |
hsl(228,56%,58%) |
#8E57D0 |
rgb(142,87,208) |
hsl(267,56%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0B0E4 |
rgb(160,176,228) |
hsl(226,56%,76%) |
#7B8FDA |
rgb(123,143,218) |
hsl(227,56%,67%) |
#5770D0 |
rgb(87,112,208) |
hsl(228,56%,58%) |
#3654C1 |
rgb(54,84,193) |
hsl(227,56%,48%) |
#2B429C |
rgb(43,66,156) |
hsl(228,57%,39%) |
#213377 |
rgb(33,51,119) |
hsl(227,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5770D0 |
rgb(87,112,208) |
hsl(228,56%,58%) |
#D07A57 |
rgb(208,122,87) |
hsl(17,56%,58%) |
#ACD157 |
rgb(172,209,87) |
hsl(78,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5770D0 |
rgb(87,112,208) |
hsl(228,56%,58%) |
#D0B857 |
rgb(208,184,87) |
hsl(48,56%,58%) |
#57ADD0 |
rgb(87,173,208) |
hsl(197,56%,58%) |
#ACD157 |
rgb(172,209,87) |
hsl(78,57%,58%) |