HEX #5278D1 color — Indigo
The color #5278d1 is a dark shade and moderately saturated.
Palette
5278d1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,58%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(222,58%,92%) |
#cbd6f1 |
rgb(203,214,241) |
hsl(222,58%,87%) |
#b6c6ec |
rgb(182,198,236) |
hsl(222,58%,82%) |
#a2b7e6 |
rgb(162,183,230) |
hsl(222,58%,77%) |
#8ea7e1 |
rgb(142,167,225) |
hsl(222,58%,72%) |
#7a97dc |
rgb(122,151,220) |
hsl(222,58%,67%) |
#6688d6 |
rgb(102,136,214) |
hsl(222,58%,62%) |
#5278d1 |
rgb(82,120,209) |
hsl(222,58%,57%) |
#3e68cc |
rgb(62,104,204) |
hsl(222,58%,52%) |
#325cbd |
rgb(50,92,189) |
hsl(222,58%,47%) |
#2d52a9 |
rgb(45,82,169) |
hsl(222,58%,42%) |
#284895 |
rgb(40,72,149) |
hsl(222,58%,37%) |
#223f81 |
rgb(34,63,129) |
hsl(222,58%,32%) |
#1d356d |
rgb(29,53,109) |
hsl(222,58%,27%) |
#182b59 |
rgb(24,43,89) |
hsl(222,58%,22%) |
#122144 |
rgb(18,33,68) |
hsl(222,58%,17%) |
#0d1830 |
rgb(13,24,48) |
hsl(222,58%,12%) |
#070e1c |
rgb(7,14,28) |
hsl(222,58%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#52CCD1 |
rgb(82,204,209) |
hsl(182,58%,57%) |
#5278D1 |
rgb(82,120,209) |
hsl(222,58%,57%) |
#8052D1 |
rgb(128,82,209) |
hsl(262,58%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB3E4 |
rgb(155,179,228) |
hsl(220,57%,75%) |
#7694DA |
rgb(118,148,218) |
hsl(222,57%,66%) |
#5278D1 |
rgb(82,120,209) |
hsl(222,58%,57%) |
#335EC1 |
rgb(51,94,193) |
hsl(222,58%,48%) |
#294D9C |
rgb(41,77,156) |
hsl(221,58%,39%) |
#1F3B77 |
rgb(31,59,119) |
hsl(221,59%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5278D1 |
rgb(82,120,209) |
hsl(222,58%,57%) |
#D16B52 |
rgb(209,107,82) |
hsl(12,58%,57%) |
#B7D152 |
rgb(183,209,82) |
hsl(72,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5278D1 |
rgb(82,120,209) |
hsl(222,58%,57%) |
#D1AB52 |
rgb(209,171,82) |
hsl(42,58%,57%) |
#52B8D1 |
rgb(82,184,209) |
hsl(192,58%,57%) |
#B7D152 |
rgb(183,209,82) |
hsl(72,58%,57%) |