HEX #505C81 color — Blue Bayoux
The color #505C81 is a dark shade and slightly desaturated.
Palette
505C81 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 |
#507D81 |
rgb(80,125,129) |
hsl(185,23%,41%) |
#505C81 |
rgb(80,92,129) |
hsl(225,23%,41%) |
#644F81 |
rgb(100,79,129) |
hsl(265,24%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E7DA5 |
rgb(110,125,165) |
hsl(224,23%,54%) |
#5C6B95 |
rgb(92,107,149) |
hsl(224,24%,47%) |
#505C81 |
rgb(80,92,129) |
hsl(225,23%,41%) |
#434D6C |
rgb(67,77,108) |
hsl(225,23%,34%) |
#364057 |
rgb(54,64,87) |
hsl(222,23%,28%) |
#293043 |
rgb(41,48,67) |
hsl(224,24%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#505C81 |
rgb(80,92,129) |
hsl(225,23%,41%) |
#815C50 |
rgb(129,92,80) |
hsl(15,23%,41%) |
#748250 |
rgb(116,130,80) |
hsl(77,24%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505C81 |
rgb(80,92,129) |
hsl(225,23%,41%) |
#817550 |
rgb(129,117,80) |
hsl(45,23%,41%) |
#507581 |
rgb(80,117,129) |
hsl(195,23%,41%) |
#748250 |
rgb(116,130,80) |
hsl(77,24%,41%) |