HEX #505E80 color — Blue Bayoux
The color #505E80 is a dark shade and slightly desaturated.
Palette
505E80 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4f7 |
rgb(242,244,247) |
hsl(223,23%,96%) |
#e3e6ed |
rgb(227,230,237) |
hsl(223,23%,91%) |
#d3d8e4 |
rgb(211,216,228) |
hsl(223,23%,86%) |
#c3cada |
rgb(195,202,218) |
hsl(223,23%,81%) |
#b4bcd0 |
rgb(180,188,208) |
hsl(223,23%,76%) |
#a4aec6 |
rgb(164,174,198) |
hsl(223,23%,71%) |
#94a0bc |
rgb(148,160,188) |
hsl(223,23%,66%) |
#8592b2 |
rgb(133,146,178) |
hsl(223,23%,61%) |
#7584a9 |
rgb(117,132,169) |
hsl(223,23%,56%) |
#65769f |
rgb(101,118,159) |
hsl(223,23%,51%) |
#5a6a90 |
rgb(90,106,144) |
hsl(223,23%,46%) |
#515e81 |
rgb(81,94,129) |
hsl(223,23%,41%) |
#475371 |
rgb(71,83,113) |
hsl(223,23%,36%) |
#3d4761 |
rgb(61,71,97) |
hsl(223,23%,31%) |
#333c52 |
rgb(51,60,82) |
hsl(223,23%,26%) |
#293042 |
rgb(41,48,66) |
hsl(223,23%,21%) |
#1f2532 |
rgb(31,37,50) |
hsl(223,23%,16%) |
#161923 |
rgb(22,25,35) |
hsl(223,23%,11%) |
#0c0e13 |
rgb(12,14,19) |
hsl(223,23%,6%) |
#020203 |
rgb(2,2,3) |
hsl(223,23%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#507D80 |
rgb(80,125,128) |
hsl(184,23%,41%) |
#505E80 |
rgb(80,94,128) |
hsl(223,23%,41%) |
#624F80 |
rgb(98,79,128) |
hsl(263,24%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E7DA4 |
rgb(110,125,164) |
hsl(223,23%,54%) |
#5C6E94 |
rgb(92,110,148) |
hsl(221,23%,47%) |
#505E80 |
rgb(80,94,128) |
hsl(223,23%,41%) |
#434F6B |
rgb(67,79,107) |
hsl(222,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 |
#505E80 |
rgb(80,94,128) |
hsl(223,23%,41%) |
#805950 |
rgb(128,89,80) |
hsl(11,23%,41%) |
#768050 |
rgb(118,128,80) |
hsl(73,23%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505E80 |
rgb(80,94,128) |
hsl(223,23%,41%) |
#807350 |
rgb(128,115,80) |
hsl(44,23%,41%) |
#507580 |
rgb(80,117,128) |
hsl(194,23%,41%) |
#768050 |
rgb(118,128,80) |
hsl(73,23%,41%) |