HEX #506ED4 color — Indigo
The color #506ED4 is a dark shade and moderately saturated.
Palette
506ED4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,61%,97%) |
#dee4f7 |
rgb(222,228,247) |
hsl(226,61%,92%) |
#cad3f2 |
rgb(202,211,242) |
hsl(226,61%,87%) |
#b5c2ed |
rgb(181,194,237) |
hsl(226,61%,82%) |
#a1b1e8 |
rgb(161,177,232) |
hsl(226,61%,77%) |
#8ca0e3 |
rgb(140,160,227) |
hsl(226,61%,72%) |
#788fde |
rgb(120,143,222) |
hsl(226,61%,67%) |
#637fd9 |
rgb(99,127,217) |
hsl(226,61%,62%) |
#4e6ed4 |
rgb(78,110,212) |
hsl(226,61%,57%) |
#3a5dcf |
rgb(58,93,207) |
hsl(226,61%,52%) |
#2f51c1 |
rgb(47,81,193) |
hsl(226,61%,47%) |
#2a48ac |
rgb(42,72,172) |
hsl(226,61%,42%) |
#254098 |
rgb(37,64,152) |
hsl(226,61%,37%) |
#203783 |
rgb(32,55,131) |
hsl(226,61%,32%) |
#1b2e6f |
rgb(27,46,111) |
hsl(226,61%,27%) |
#16265a |
rgb(22,38,90) |
hsl(226,61%,22%) |
#111d46 |
rgb(17,29,70) |
hsl(226,61%,17%) |
#0c1531 |
rgb(12,21,49) |
hsl(226,61%,12%) |
#070c1d |
rgb(7,12,29) |
hsl(226,61%,7%) |
#020308 |
rgb(2,3,8) |
hsl(226,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C7D4 |
rgb(80,199,212) |
hsl(186,61%,57%) |
#506ED4 |
rgb(80,110,212) |
hsl(226,61%,57%) |
#8A4FD4 |
rgb(138,79,212) |
hsl(267,61%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BADE6 |
rgb(155,173,230) |
hsl(226,60%,75%) |
#758CDD |
rgb(117,140,221) |
hsl(227,60%,66%) |
#506ED4 |
rgb(80,110,212) |
hsl(226,61%,57%) |
#3052C4 |
rgb(48,82,196) |
hsl(226,61%,48%) |
#27429F |
rgb(39,66,159) |
hsl(227,61%,39%) |
#1D3379 |
rgb(29,51,121) |
hsl(226,61%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#506ED4 |
rgb(80,110,212) |
hsl(226,61%,57%) |
#D47350 |
rgb(212,115,80) |
hsl(16,61%,57%) |
#B0D450 |
rgb(176,212,80) |
hsl(76,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506ED4 |
rgb(80,110,212) |
hsl(226,61%,57%) |
#D4B550 |
rgb(212,181,80) |
hsl(46,61%,57%) |
#50B0D4 |
rgb(80,176,212) |
hsl(196,61%,57%) |
#B0D450 |
rgb(176,212,80) |
hsl(76,61%,57%) |