HEX #505CD3 color — Indigo
The color #505CD3 is a dark shade and moderately saturated.
Palette
505CD3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fc |
rgb(243,244,252) |
hsl(235,60%,97%) |
#dee0f7 |
rgb(222,224,247) |
hsl(235,60%,92%) |
#cacdf2 |
rgb(202,205,242) |
hsl(235,60%,87%) |
#b6baed |
rgb(182,186,237) |
hsl(235,60%,82%) |
#a1a7e8 |
rgb(161,167,232) |
hsl(235,60%,77%) |
#8d94e2 |
rgb(141,148,226) |
hsl(235,60%,72%) |
#7881dd |
rgb(120,129,221) |
hsl(235,60%,67%) |
#646ed8 |
rgb(100,110,216) |
hsl(235,60%,62%) |
#505bd3 |
rgb(80,91,211) |
hsl(235,60%,57%) |
#3b47ce |
rgb(59,71,206) |
hsl(235,60%,52%) |
#303cc0 |
rgb(48,60,192) |
hsl(235,60%,47%) |
#2b36ab |
rgb(43,54,171) |
hsl(235,60%,42%) |
#262f97 |
rgb(38,47,151) |
hsl(235,60%,37%) |
#212983 |
rgb(33,41,131) |
hsl(235,60%,32%) |
#1c226e |
rgb(28,34,110) |
hsl(235,60%,27%) |
#161c5a |
rgb(22,28,90) |
hsl(235,60%,22%) |
#111645 |
rgb(17,22,69) |
hsl(235,60%,17%) |
#0c0f31 |
rgb(12,15,49) |
hsl(235,60%,12%) |
#07091d |
rgb(7,9,29) |
hsl(235,60%,7%) |
#020308 |
rgb(2,3,8) |
hsl(235,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B3D3 |
rgb(80,179,211) |
hsl(195,60%,57%) |
#505CD3 |
rgb(80,92,211) |
hsl(235,60%,57%) |
#9B4FD3 |
rgb(155,79,211) |
hsl(275,60%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AA1E5 |
rgb(154,161,229) |
hsl(234,59%,75%) |
#7580DC |
rgb(117,128,220) |
hsl(234,60%,66%) |
#505CD3 |
rgb(80,92,211) |
hsl(235,60%,57%) |
#3140C3 |
rgb(49,64,195) |
hsl(234,60%,48%) |
#27339E |
rgb(39,51,158) |
hsl(234,60%,39%) |
#1E2678 |
rgb(30,38,120) |
hsl(235,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#505CD3 |
rgb(80,92,211) |
hsl(235,60%,57%) |
#D38550 |
rgb(211,133,80) |
hsl(24,60%,57%) |
#9DD450 |
rgb(157,212,80) |
hsl(85,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505CD3 |
rgb(80,92,211) |
hsl(235,60%,57%) |
#D3C750 |
rgb(211,199,80) |
hsl(55,60%,57%) |
#509ED3 |
rgb(80,158,211) |
hsl(204,60%,57%) |
#9DD450 |
rgb(157,212,80) |
hsl(85,61%,57%) |