HEX #506ED2 color — Indigo
The color #506ED2 is a dark shade and moderately saturated.
Palette
506ED2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,59%,97%) |
#dfe4f7 |
rgb(223,228,247) |
hsl(226,59%,92%) |
#cad3f1 |
rgb(202,211,241) |
hsl(226,59%,87%) |
#b6c3ec |
rgb(182,195,236) |
hsl(226,59%,82%) |
#a2b2e7 |
rgb(162,178,231) |
hsl(226,59%,77%) |
#8da1e2 |
rgb(141,161,226) |
hsl(226,59%,72%) |
#7990dc |
rgb(121,144,220) |
hsl(226,59%,67%) |
#6580d7 |
rgb(101,128,215) |
hsl(226,59%,62%) |
#516fd2 |
rgb(81,111,210) |
hsl(226,59%,57%) |
#3c5ecd |
rgb(60,94,205) |
hsl(226,59%,52%) |
#3152bf |
rgb(49,82,191) |
hsl(226,59%,47%) |
#2c49aa |
rgb(44,73,170) |
hsl(226,59%,42%) |
#274196 |
rgb(39,65,150) |
hsl(226,59%,37%) |
#213882 |
rgb(33,56,130) |
hsl(226,59%,32%) |
#1c2f6d |
rgb(28,47,109) |
hsl(226,59%,27%) |
#172659 |
rgb(23,38,89) |
hsl(226,59%,22%) |
#121e45 |
rgb(18,30,69) |
hsl(226,59%,17%) |
#0d1531 |
rgb(13,21,49) |
hsl(226,59%,12%) |
#070c1c |
rgb(7,12,28) |
hsl(226,59%,7%) |
#020308 |
rgb(2,3,8) |
hsl(226,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C4D2 |
rgb(80,196,210) |
hsl(186,59%,57%) |
#506ED2 |
rgb(80,110,210) |
hsl(226,59%,57%) |
#884FD2 |
rgb(136,79,210) |
hsl(266,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99ABE4 |
rgb(153,171,228) |
hsl(226,58%,75%) |
#748CDB |
rgb(116,140,219) |
hsl(226,59%,66%) |
#506ED2 |
rgb(80,110,210) |
hsl(226,59%,57%) |
#3154C1 |
rgb(49,84,193) |
hsl(225,60%,47%) |
#28429C |
rgb(40,66,156) |
hsl(227,59%,38%) |
#1E3377 |
rgb(30,51,119) |
hsl(226,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#506ED2 |
rgb(80,110,210) |
hsl(226,59%,57%) |
#D27350 |
rgb(210,115,80) |
hsl(16,59%,57%) |
#AFD150 |
rgb(175,209,80) |
hsl(76,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506ED2 |
rgb(80,110,210) |
hsl(226,59%,57%) |
#D2B550 |
rgb(210,181,80) |
hsl(47,59%,57%) |
#50B0D2 |
rgb(80,176,210) |
hsl(196,59%,57%) |
#AFD150 |
rgb(175,209,80) |
hsl(76,58%,57%) |