HEX #505CD2 color — Indigo
The color #505CD2 is a dark shade and moderately saturated.
Palette
505CD2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fc |
rgb(243,244,252) |
hsl(234,59%,97%) |
#dfe1f7 |
rgb(223,225,247) |
hsl(234,59%,92%) |
#cacef1 |
rgb(202,206,241) |
hsl(234,59%,87%) |
#b6bbec |
rgb(182,187,236) |
hsl(234,59%,82%) |
#a2a9e7 |
rgb(162,169,231) |
hsl(234,59%,77%) |
#8d96e2 |
rgb(141,150,226) |
hsl(234,59%,72%) |
#7983dc |
rgb(121,131,220) |
hsl(234,59%,67%) |
#6570d7 |
rgb(101,112,215) |
hsl(234,59%,62%) |
#515ed2 |
rgb(81,94,210) |
hsl(234,59%,57%) |
#3c4bcd |
rgb(60,75,205) |
hsl(234,59%,52%) |
#313fbf |
rgb(49,63,191) |
hsl(234,59%,47%) |
#2c39aa |
rgb(44,57,170) |
hsl(234,59%,42%) |
#273296 |
rgb(39,50,150) |
hsl(234,59%,37%) |
#212b82 |
rgb(33,43,130) |
hsl(234,59%,32%) |
#1c246d |
rgb(28,36,109) |
hsl(234,59%,27%) |
#171e59 |
rgb(23,30,89) |
hsl(234,59%,22%) |
#121745 |
rgb(18,23,69) |
hsl(234,59%,17%) |
#0d1031 |
rgb(13,16,49) |
hsl(234,59%,12%) |
#07091c |
rgb(7,9,28) |
hsl(234,59%,7%) |
#020308 |
rgb(2,3,8) |
hsl(234,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B3D2 |
rgb(80,179,210) |
hsl(194,59%,57%) |
#505CD2 |
rgb(80,92,210) |
hsl(234,59%,57%) |
#9A4FD2 |
rgb(154,79,210) |
hsl(274,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A1E4 |
rgb(153,161,228) |
hsl(234,58%,75%) |
#7480DB |
rgb(116,128,219) |
hsl(233,59%,66%) |
#505CD2 |
rgb(80,92,210) |
hsl(234,59%,57%) |
#3140C1 |
rgb(49,64,193) |
hsl(234,60%,47%) |
#28339C |
rgb(40,51,156) |
hsl(234,59%,38%) |
#1E2677 |
rgb(30,38,119) |
hsl(235,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#505CD2 |
rgb(80,92,210) |
hsl(234,59%,57%) |
#D28550 |
rgb(210,133,80) |
hsl(24,59%,57%) |
#9DD150 |
rgb(157,209,80) |
hsl(84,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505CD2 |
rgb(80,92,210) |
hsl(234,59%,57%) |
#D2C750 |
rgb(210,199,80) |
hsl(55,59%,57%) |
#509ED2 |
rgb(80,158,210) |
hsl(204,59%,57%) |
#9DD150 |
rgb(157,209,80) |
hsl(84,58%,57%) |