HEX #506180 color — Blue Bayoux
The color #506180 is a dark shade and slightly desaturated.
Palette
506180 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4f7 |
rgb(242,244,247) |
hsl(219,23%,96%) |
#e3e6ed |
rgb(227,230,237) |
hsl(219,23%,91%) |
#d3d9e4 |
rgb(211,217,228) |
hsl(219,23%,86%) |
#c3cbda |
rgb(195,203,218) |
hsl(219,23%,81%) |
#b4bed0 |
rgb(180,190,208) |
hsl(219,23%,76%) |
#a4b0c6 |
rgb(164,176,198) |
hsl(219,23%,71%) |
#94a2bc |
rgb(148,162,188) |
hsl(219,23%,66%) |
#8595b2 |
rgb(133,149,178) |
hsl(219,23%,61%) |
#7587a9 |
rgb(117,135,169) |
hsl(219,23%,56%) |
#65799f |
rgb(101,121,159) |
hsl(219,23%,51%) |
#5a6d90 |
rgb(90,109,144) |
hsl(219,23%,46%) |
#516181 |
rgb(81,97,129) |
hsl(219,23%,41%) |
#475571 |
rgb(71,85,113) |
hsl(219,23%,36%) |
#3d4a61 |
rgb(61,74,97) |
hsl(219,23%,31%) |
#333e52 |
rgb(51,62,82) |
hsl(219,23%,26%) |
#293242 |
rgb(41,50,66) |
hsl(219,23%,21%) |
#1f2632 |
rgb(31,38,50) |
hsl(219,23%,16%) |
#161a23 |
rgb(22,26,35) |
hsl(219,23%,11%) |
#0c0e13 |
rgb(12,14,19) |
hsl(219,23%,6%) |
#020203 |
rgb(2,2,3) |
hsl(219,23%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#50807F |
rgb(80,128,127) |
hsl(179,23%,41%) |
#506180 |
rgb(80,97,128) |
hsl(219,23%,41%) |
#5F4F80 |
rgb(95,79,128) |
hsl(260,24%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E82A4 |
rgb(110,130,164) |
hsl(218,23%,54%) |
#5C7094 |
rgb(92,112,148) |
hsl(219,23%,47%) |
#506180 |
rgb(80,97,128) |
hsl(219,23%,41%) |
#43526B |
rgb(67,82,107) |
hsl(218,23%,34%) |
#364257 |
rgb(54,66,87) |
hsl(218,23%,28%) |
#293342 |
rgb(41,51,66) |
hsl(216,23%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#506180 |
rgb(80,97,128) |
hsl(219,23%,41%) |
#805750 |
rgb(128,87,80) |
hsl(9,23%,41%) |
#798050 |
rgb(121,128,80) |
hsl(69,23%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506180 |
rgb(80,97,128) |
hsl(219,23%,41%) |
#807050 |
rgb(128,112,80) |
hsl(40,23%,41%) |
#507880 |
rgb(80,120,128) |
hsl(190,23%,41%) |
#798050 |
rgb(121,128,80) |
hsl(69,23%,41%) |