HEX #505C80 color — Blue Bayoux
The color #505C80 is a dark shade and slightly desaturated.
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%) |