HEX #5278D0 color — Indigo
The color #5278D0 is a dark shade and moderately saturated.
Palette
5278D0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,57%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(222,57%,92%) |
#cbd6f1 |
rgb(203,214,241) |
hsl(222,57%,87%) |
#b7c7eb |
rgb(183,199,235) |
hsl(222,57%,82%) |
#a3b7e6 |
rgb(163,183,230) |
hsl(222,57%,77%) |
#8fa7e0 |
rgb(143,167,224) |
hsl(222,57%,72%) |
#7b98db |
rgb(123,152,219) |
hsl(222,57%,67%) |
#6788d5 |
rgb(103,136,213) |
hsl(222,57%,62%) |
#5378d0 |
rgb(83,120,208) |
hsl(222,57%,57%) |
#3f69ca |
rgb(63,105,202) |
hsl(222,57%,52%) |
#345dbc |
rgb(52,93,188) |
hsl(222,57%,47%) |
#2e53a8 |
rgb(46,83,168) |
hsl(222,57%,42%) |
#294994 |
rgb(41,73,148) |
hsl(222,57%,37%) |
#233f80 |
rgb(35,63,128) |
hsl(222,57%,32%) |
#1e356c |
rgb(30,53,108) |
hsl(222,57%,27%) |
#182b58 |
rgb(24,43,88) |
hsl(222,57%,22%) |
#132144 |
rgb(19,33,68) |
hsl(222,57%,17%) |
#0d1830 |
rgb(13,24,48) |
hsl(222,57%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(222,57%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,57%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#52CCD0 |
rgb(82,204,208) |
hsl(182,57%,57%) |
#5278D0 |
rgb(82,120,208) |
hsl(222,57%,57%) |
#8052D0 |
rgb(128,82,208) |
hsl(262,57%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB0E3 |
rgb(154,176,227) |
hsl(222,57%,75%) |
#7694D9 |
rgb(118,148,217) |
hsl(222,57%,66%) |
#5278D0 |
rgb(82,120,208) |
hsl(222,57%,57%) |
#345EBF |
rgb(52,94,191) |
hsl(222,57%,48%) |
#2A4D9B |
rgb(42,77,155) |
hsl(221,57%,39%) |
#203B76 |
rgb(32,59,118) |
hsl(221,57%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5278D0 |
rgb(82,120,208) |
hsl(222,57%,57%) |
#D06B52 |
rgb(208,107,82) |
hsl(12,57%,57%) |
#B7D152 |
rgb(183,209,82) |
hsl(72,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5278D0 |
rgb(82,120,208) |
hsl(222,57%,57%) |
#D0AB52 |
rgb(208,171,82) |
hsl(42,57%,57%) |
#52B8D0 |
rgb(82,184,208) |
hsl(191,57%,57%) |
#B7D152 |
rgb(183,209,82) |
hsl(72,58%,57%) |