HEX #506AD3 color — Indigo

The color #506ad3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

506ad3 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(228,60%,97%)
#dee3f7 rgb(222,227,247) hsl(228,60%,92%)
#cad2f2 rgb(202,210,242) hsl(228,60%,87%)
#b6c1ed rgb(182,193,237) hsl(228,60%,82%)
#a1afe8 rgb(161,175,232) hsl(228,60%,77%)
#8d9ee2 rgb(141,158,226) hsl(228,60%,72%)
#788ddd rgb(120,141,221) hsl(228,60%,67%)
#647bd8 rgb(100,123,216) hsl(228,60%,62%)
#506ad3 rgb(80,106,211) hsl(228,60%,57%)
#3b59ce rgb(59,89,206) hsl(228,60%,52%)
#304dc0 rgb(48,77,192) hsl(228,60%,47%)
#2b45ab rgb(43,69,171) hsl(228,60%,42%)
#263c97 rgb(38,60,151) hsl(228,60%,37%)
#213483 rgb(33,52,131) hsl(228,60%,32%)
#1c2c6e rgb(28,44,110) hsl(228,60%,27%)
#16245a rgb(22,36,90) hsl(228,60%,22%)
#111c45 rgb(17,28,69) hsl(228,60%,17%)
#0c1431 rgb(12,20,49) hsl(228,60%,12%)
#070b1d rgb(7,11,29) hsl(228,60%,7%)
#020308 rgb(2,3,8) hsl(228,60%,2%)

Adjacent colors

HEX RGB HSL
#50C2D3 rgb(80,194,211) hsl(188,60%,57%)
#506AD3 rgb(80,106,211) hsl(228,60%,57%)
#8D4FD3 rgb(141,79,211) hsl(268,60%,57%)

Monochromatic colors

HEX RGB HSL
#9AA8E5 rgb(154,168,229) hsl(229,59%,75%)
#758ADC rgb(117,138,220) hsl(228,60%,66%)
#506AD3 rgb(80,106,211) hsl(228,60%,57%)
#314FC3 rgb(49,79,195) hsl(228,60%,48%)
#27409E rgb(39,64,158) hsl(227,60%,39%)
#1E3078 rgb(30,48,120) hsl(228,60%,29%)

Triad color palettes

HEX RGB HSL
#506AD3 rgb(80,106,211) hsl(228,60%,57%)
#D37850 rgb(211,120,80) hsl(18,60%,57%)
#ABD450 rgb(171,212,80) hsl(79,61%,57%)

Tetrad color palettes

HEX RGB HSL
#506AD3 rgb(80,106,211) hsl(228,60%,57%)
#D3BA50 rgb(211,186,80) hsl(49,60%,57%)
#50ABD3 rgb(80,171,211) hsl(198,60%,57%)
#ABD450 rgb(171,212,80) hsl(79,61%,57%)