HEX #505BD3 color — Indigo

The color #505bd3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

505bd3 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%)
#505BD3 rgb(80,91,211) hsl(235,60%,57%)
#9C4FD3 rgb(156,79,211) hsl(275,60%,57%)

Monochromatic colors

HEX RGB HSL
#9AA1E5 rgb(154,161,229) hsl(234,59%,75%)
#757DDC rgb(117,125,220) hsl(235,60%,66%)
#505BD3 rgb(80,91,211) hsl(235,60%,57%)
#313DC3 rgb(49,61,195) hsl(235,60%,48%)
#27309E rgb(39,48,158) hsl(235,60%,39%)
#1E2678 rgb(30,38,120) hsl(235,60%,29%)

Triad color palettes

HEX RGB HSL
#505BD3 rgb(80,91,211) hsl(235,60%,57%)
#D38750 rgb(211,135,80) hsl(25,60%,57%)
#9CD450 rgb(156,212,80) hsl(85,61%,57%)

Tetrad color palettes

HEX RGB HSL
#505BD3 rgb(80,91,211) hsl(235,60%,57%)
#D3C750 rgb(211,199,80) hsl(55,60%,57%)
#509CD3 rgb(80,156,211) hsl(205,60%,57%)
#9CD450 rgb(156,212,80) hsl(85,61%,57%)