HEX #5170D3 color — Indigo
The color #5170D3 is a dark shade and moderately saturated.
Palette
5170D3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,60%,97%) |
#dee4f7 |
rgb(222,228,247) |
hsl(226,60%,92%) |
#cad3f2 |
rgb(202,211,242) |
hsl(226,60%,87%) |
#b6c2ed |
rgb(182,194,237) |
hsl(226,60%,82%) |
#a1b2e8 |
rgb(161,178,232) |
hsl(226,60%,77%) |
#8da1e2 |
rgb(141,161,226) |
hsl(226,60%,72%) |
#7890dd |
rgb(120,144,221) |
hsl(226,60%,67%) |
#647fd8 |
rgb(100,127,216) |
hsl(226,60%,62%) |
#506ed3 |
rgb(80,110,211) |
hsl(226,60%,57%) |
#3b5dce |
rgb(59,93,206) |
hsl(226,60%,52%) |
#3051c0 |
rgb(48,81,192) |
hsl(226,60%,47%) |
#2b49ab |
rgb(43,73,171) |
hsl(226,60%,42%) |
#264097 |
rgb(38,64,151) |
hsl(226,60%,37%) |
#213783 |
rgb(33,55,131) |
hsl(226,60%,32%) |
#1c2f6e |
rgb(28,47,110) |
hsl(226,60%,27%) |
#16265a |
rgb(22,38,90) |
hsl(226,60%,22%) |
#111d45 |
rgb(17,29,69) |
hsl(226,60%,17%) |
#0c1531 |
rgb(12,21,49) |
hsl(226,60%,12%) |
#070c1d |
rgb(7,12,29) |
hsl(226,60%,7%) |
#020308 |
rgb(2,3,8) |
hsl(226,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#51C7D3 |
rgb(81,199,211) |
hsl(186,60%,57%) |
#5170D3 |
rgb(81,112,211) |
hsl(226,60%,57%) |
#8852D3 |
rgb(136,82,211) |
hsl(265,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BADE5 |
rgb(155,173,229) |
hsl(225,59%,75%) |
#768FDC |
rgb(118,143,220) |
hsl(225,59%,66%) |
#5170D3 |
rgb(81,112,211) |
hsl(226,60%,57%) |
#3154C3 |
rgb(49,84,195) |
hsl(226,60%,48%) |
#28459E |
rgb(40,69,158) |
hsl(225,60%,39%) |
#1E3379 |
rgb(30,51,121) |
hsl(226,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5170D3 |
rgb(81,112,211) |
hsl(226,60%,57%) |
#D37351 |
rgb(211,115,81) |
hsl(16,60%,57%) |
#B1D451 |
rgb(177,212,81) |
hsl(76,60%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5170D3 |
rgb(81,112,211) |
hsl(226,60%,57%) |
#D3B551 |
rgb(211,181,81) |
hsl(46,60%,57%) |
#51B0D3 |
rgb(81,176,211) |
hsl(196,60%,57%) |
#B1D451 |
rgb(177,212,81) |
hsl(76,60%,57%) |