HEX #505C80 color — Blue Bayoux

The color #505C80 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

505C80 color palette from light to dark

HEX RGB HSL
#f2f4f7 rgb(242,244,247) hsl(225,23%,96%)
#e3e5ed rgb(227,229,237) hsl(225,23%,91%)
#d3d7e4 rgb(211,215,228) hsl(225,23%,86%)
#c3c9da rgb(195,201,218) hsl(225,23%,81%)
#b4bbd0 rgb(180,187,208) hsl(225,23%,76%)
#a4adc6 rgb(164,173,198) hsl(225,23%,71%)
#949ebc rgb(148,158,188) hsl(225,23%,66%)
#8590b2 rgb(133,144,178) hsl(225,23%,61%)
#7582a9 rgb(117,130,169) hsl(225,23%,56%)
#65749f rgb(101,116,159) hsl(225,23%,51%)
#5a6890 rgb(90,104,144) hsl(225,23%,46%)
#515d81 rgb(81,93,129) hsl(225,23%,41%)
#475171 rgb(71,81,113) hsl(225,23%,36%)
#3d4661 rgb(61,70,97) hsl(225,23%,31%)
#333b52 rgb(51,59,82) hsl(225,23%,26%)
#292f42 rgb(41,47,66) hsl(225,23%,21%)
#1f2432 rgb(31,36,50) hsl(225,23%,16%)
#161923 rgb(22,25,35) hsl(225,23%,11%)
#0c0e13 rgb(12,14,19) hsl(225,23%,6%)
#020203 rgb(2,2,3) hsl(225,23%,1%)

Adjacent colors

HEX RGB HSL
#507D80 rgb(80,125,128) hsl(184,23%,41%)
#505C80 rgb(80,92,128) hsl(225,23%,41%)
#644F80 rgb(100,79,128) hsl(266,24%,41%)

Monochromatic colors

HEX RGB HSL
#6E7DA4 rgb(110,125,164) hsl(223,23%,54%)
#5C6B94 rgb(92,107,148) hsl(224,23%,47%)
#505C80 rgb(80,92,128) hsl(225,23%,41%)
#434D6B rgb(67,77,107) hsl(225,23%,34%)
#364057 rgb(54,64,87) hsl(222,23%,28%)
#293042 rgb(41,48,66) hsl(223,23%,21%)

Triad color palettes

HEX RGB HSL
#505C80 rgb(80,92,128) hsl(225,23%,41%)
#805C50 rgb(128,92,80) hsl(15,23%,41%)
#748050 rgb(116,128,80) hsl(75,23%,41%)

Tetrad color palettes

HEX RGB HSL
#505C80 rgb(80,92,128) hsl(225,23%,41%)
#807350 rgb(128,115,80) hsl(44,23%,41%)
#507380 rgb(80,115,128) hsl(196,23%,41%)
#748050 rgb(116,128,80) hsl(75,23%,41%)