HEX #5675D0 color — Indigo
The color #5675D0 is a dark shade and moderately saturated.
Palette
5675D0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(225,56%,98%) |
#e3e8f7 |
rgb(227,232,247) |
hsl(225,56%,93%) |
#cfd8f2 |
rgb(207,216,242) |
hsl(225,56%,88%) |
#bbc8ec |
rgb(187,200,236) |
hsl(225,56%,83%) |
#a7b7e6 |
rgb(167,183,230) |
hsl(225,56%,78%) |
#94a7e1 |
rgb(148,167,225) |
hsl(225,56%,73%) |
#8097db |
rgb(128,151,219) |
hsl(225,56%,68%) |
#6c86d5 |
rgb(108,134,213) |
hsl(225,56%,63%) |
#5876d0 |
rgb(88,118,208) |
hsl(225,56%,58%) |
#4466ca |
rgb(68,102,202) |
hsl(225,56%,53%) |
#3658bf |
rgb(54,88,191) |
hsl(225,56%,48%) |
#304fab |
rgb(48,79,171) |
hsl(225,56%,43%) |
#2b4697 |
rgb(43,70,151) |
hsl(225,56%,38%) |
#253d83 |
rgb(37,61,131) |
hsl(225,56%,33%) |
#1f336f |
rgb(31,51,111) |
hsl(225,56%,28%) |
#1a2a5b |
rgb(26,42,91) |
hsl(225,56%,23%) |
#142148 |
rgb(20,33,72) |
hsl(225,56%,18%) |
#0f1834 |
rgb(15,24,52) |
hsl(225,56%,13%) |
#090f20 |
rgb(9,15,32) |
hsl(225,56%,8%) |
#03060c |
rgb(3,6,12) |
hsl(225,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C7D0 |
rgb(86,199,208) |
hsl(184,56%,58%) |
#5675D0 |
rgb(86,117,208) |
hsl(225,56%,58%) |
#8857D0 |
rgb(136,87,208) |
hsl(264,56%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB0E4 |
rgb(159,176,228) |
hsl(225,56%,76%) |
#7A94DA |
rgb(122,148,218) |
hsl(224,56%,67%) |
#5675D0 |
rgb(86,117,208) |
hsl(225,56%,58%) |
#3559C1 |
rgb(53,89,193) |
hsl(225,57%,48%) |
#2B479C |
rgb(43,71,156) |
hsl(225,57%,39%) |
#213877 |
rgb(33,56,119) |
hsl(224,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5675D0 |
rgb(86,117,208) |
hsl(225,56%,58%) |
#D07356 |
rgb(208,115,86) |
hsl(14,56%,58%) |
#B2D156 |
rgb(178,209,86) |
hsl(75,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5675D0 |
rgb(86,117,208) |
hsl(225,56%,58%) |
#D0B056 |
rgb(208,176,86) |
hsl(44,56%,58%) |
#56B3D0 |
rgb(86,179,208) |
hsl(194,56%,58%) |
#B2D156 |
rgb(178,209,86) |
hsl(75,57%,58%) |