HEX #506680 color — Blue Bayoux
The color #506680 is a dark shade and slightly desaturated.
Palette
506680 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f7 |
rgb(242,245,247) |
hsl(213,23%,96%) |
#e3e8ed |
rgb(227,232,237) |
hsl(213,23%,91%) |
#d3dae4 |
rgb(211,218,228) |
hsl(213,23%,86%) |
#c3cdda |
rgb(195,205,218) |
hsl(213,23%,81%) |
#b4c0d0 |
rgb(180,192,208) |
hsl(213,23%,76%) |
#a4b3c6 |
rgb(164,179,198) |
hsl(213,23%,71%) |
#94a6bc |
rgb(148,166,188) |
hsl(213,23%,66%) |
#8599b2 |
rgb(133,153,178) |
hsl(213,23%,61%) |
#758ca9 |
rgb(117,140,169) |
hsl(213,23%,56%) |
#657f9f |
rgb(101,127,159) |
hsl(213,23%,51%) |
#5a7390 |
rgb(90,115,144) |
hsl(213,23%,46%) |
#516681 |
rgb(81,102,129) |
hsl(213,23%,41%) |
#475a71 |
rgb(71,90,113) |
hsl(213,23%,36%) |
#3d4d61 |
rgb(61,77,97) |
hsl(213,23%,31%) |
#334152 |
rgb(51,65,82) |
hsl(213,23%,26%) |
#293442 |
rgb(41,52,66) |
hsl(213,23%,21%) |
#1f2832 |
rgb(31,40,50) |
hsl(213,23%,16%) |
#161b23 |
rgb(22,27,35) |
hsl(213,23%,11%) |
#0c0f13 |
rgb(12,15,19) |
hsl(213,23%,6%) |
#020203 |
rgb(2,2,3) |
hsl(213,23%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#50807A |
rgb(80,128,122) |
hsl(173,23%,41%) |
#506680 |
rgb(80,102,128) |
hsl(213,23%,41%) |
#5A4F80 |
rgb(90,79,128) |
hsl(253,24%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E87A4 |
rgb(110,135,164) |
hsl(212,23%,54%) |
#5C7594 |
rgb(92,117,148) |
hsl(213,23%,47%) |
#506680 |
rgb(80,102,128) |
hsl(213,23%,41%) |
#43576B |
rgb(67,87,107) |
hsl(210,23%,34%) |
#364557 |
rgb(54,69,87) |
hsl(213,23%,28%) |
#293642 |
rgb(41,54,66) |
hsl(209,23%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#506680 |
rgb(80,102,128) |
hsl(213,23%,41%) |
#805250 |
rgb(128,82,80) |
hsl(3,23%,41%) |
#7E8050 |
rgb(126,128,80) |
hsl(63,23%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506680 |
rgb(80,102,128) |
hsl(213,23%,41%) |
#806B50 |
rgb(128,107,80) |
hsl(34,23%,41%) |
#507D80 |
rgb(80,125,128) |
hsl(184,23%,41%) |
#7E8050 |
rgb(126,128,80) |
hsl(63,23%,41%) |