HEX #506BD3 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

506BD3 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%)
#506BD3 rgb(80,107,211) hsl(228,60%,57%)
#8C4FD3 rgb(140,79,211) hsl(268,60%,57%)

Monochromatic colors

HEX RGB HSL
#9AABE5 rgb(154,171,229) hsl(226,59%,75%)
#758ADC rgb(117,138,220) hsl(228,60%,66%)
#506BD3 rgb(80,107,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
#506BD3 rgb(80,107,211) hsl(228,60%,57%)
#D37550 rgb(211,117,80) hsl(17,60%,57%)
#ACD450 rgb(172,212,80) hsl(78,61%,57%)

Tetrad color palettes

HEX RGB HSL
#506BD3 rgb(80,107,211) hsl(228,60%,57%)
#D3B850 rgb(211,184,80) hsl(48,60%,57%)
#50ADD3 rgb(80,173,211) hsl(197,60%,57%)
#ACD450 rgb(172,212,80) hsl(78,61%,57%)