HEX #5170D1 color — Indigo
The color #5170D1 is a dark shade and moderately saturated.
Palette
5170D1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(225,58%,97%) |
#dfe5f6 |
rgb(223,229,246) |
hsl(225,58%,92%) |
#cbd4f1 |
rgb(203,212,241) |
hsl(225,58%,87%) |
#b6c4ec |
rgb(182,196,236) |
hsl(225,58%,82%) |
#a2b3e6 |
rgb(162,179,230) |
hsl(225,58%,77%) |
#8ea3e1 |
rgb(142,163,225) |
hsl(225,58%,72%) |
#7a92dc |
rgb(122,146,220) |
hsl(225,58%,67%) |
#6682d6 |
rgb(102,130,214) |
hsl(225,58%,62%) |
#5272d1 |
rgb(82,114,209) |
hsl(225,58%,57%) |
#3e61cc |
rgb(62,97,204) |
hsl(225,58%,52%) |
#3255bd |
rgb(50,85,189) |
hsl(225,58%,47%) |
#2d4ca9 |
rgb(45,76,169) |
hsl(225,58%,42%) |
#284395 |
rgb(40,67,149) |
hsl(225,58%,37%) |
#223a81 |
rgb(34,58,129) |
hsl(225,58%,32%) |
#1d316d |
rgb(29,49,109) |
hsl(225,58%,27%) |
#182859 |
rgb(24,40,89) |
hsl(225,58%,22%) |
#121f44 |
rgb(18,31,68) |
hsl(225,58%,17%) |
#0d1630 |
rgb(13,22,48) |
hsl(225,58%,12%) |
#070d1c |
rgb(7,13,28) |
hsl(225,58%,7%) |
#020408 |
rgb(2,4,8) |
hsl(225,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#51C4D1 |
rgb(81,196,209) |
hsl(186,58%,57%) |
#5170D1 |
rgb(81,112,209) |
hsl(225,58%,57%) |
#8752D1 |
rgb(135,82,209) |
hsl(265,58%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AADE4 |
rgb(154,173,228) |
hsl(225,58%,75%) |
#758FDA |
rgb(117,143,218) |
hsl(225,58%,66%) |
#5170D1 |
rgb(81,112,209) |
hsl(225,58%,57%) |
#3254C0 |
rgb(50,84,192) |
hsl(226,59%,47%) |
#29459B |
rgb(41,69,155) |
hsl(225,58%,38%) |
#1F3677 |
rgb(31,54,119) |
hsl(224,59%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5170D1 |
rgb(81,112,209) |
hsl(225,58%,57%) |
#D17351 |
rgb(209,115,81) |
hsl(16,58%,57%) |
#B0D151 |
rgb(176,209,81) |
hsl(75,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5170D1 |
rgb(81,112,209) |
hsl(225,58%,57%) |
#D1B351 |
rgb(209,179,81) |
hsl(46,58%,57%) |
#51B0D1 |
rgb(81,176,209) |
hsl(195,58%,57%) |
#B0D151 |
rgb(176,209,81) |
hsl(75,58%,57%) |