HEX #506986 color — Blue Bayoux
The color #506986 is a dark shade and slightly desaturated.
Palette
506986 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(212,25%,97%) |
#e6eaf0 |
rgb(230,234,240) |
hsl(212,25%,92%) |
#d6dde6 |
rgb(214,221,230) |
hsl(212,25%,87%) |
#c6d0dd |
rgb(198,208,221) |
hsl(212,25%,82%) |
#b6c3d3 |
rgb(182,195,211) |
hsl(212,25%,77%) |
#a6b6c9 |
rgb(166,182,201) |
hsl(212,25%,72%) |
#96a9c0 |
rgb(150,169,192) |
hsl(212,25%,67%) |
#869cb6 |
rgb(134,156,182) |
hsl(212,25%,62%) |
#7690ad |
rgb(118,144,173) |
hsl(212,25%,57%) |
#6683a3 |
rgb(102,131,163) |
hsl(212,25%,52%) |
#5a7696 |
rgb(90,118,150) |
hsl(212,25%,47%) |
#506986 |
rgb(80,105,134) |
hsl(212,25%,42%) |
#475d76 |
rgb(71,93,118) |
hsl(212,25%,37%) |
#3d5066 |
rgb(61,80,102) |
hsl(212,25%,32%) |
#344456 |
rgb(52,68,86) |
hsl(212,25%,27%) |
#2a3746 |
rgb(42,55,70) |
hsl(212,25%,22%) |
#212b36 |
rgb(33,43,54) |
hsl(212,25%,17%) |
#171e26 |
rgb(23,30,38) |
hsl(212,25%,12%) |
#0d1216 |
rgb(13,18,22) |
hsl(212,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(212,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50877F |
rgb(80,135,127) |
hsl(171,26%,42%) |
#506986 |
rgb(80,105,134) |
hsl(212,25%,42%) |
#5B4F86 |
rgb(91,79,134) |
hsl(253,26%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#708CA9 |
rgb(112,140,169) |
hsl(211,25%,55%) |
#5C7A9B |
rgb(92,122,155) |
hsl(211,26%,48%) |
#506986 |
rgb(80,105,134) |
hsl(212,25%,42%) |
#435970 |
rgb(67,89,112) |
hsl(211,25%,35%) |
#36475B |
rgb(54,71,91) |
hsl(212,26%,28%) |
#293645 |
rgb(41,54,69) |
hsl(212,25%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#506986 |
rgb(80,105,134) |
hsl(212,25%,42%) |
#865250 |
rgb(134,82,80) |
hsl(2,25%,42%) |
#848750 |
rgb(132,135,80) |
hsl(63,26%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506986 |
rgb(80,105,134) |
hsl(212,25%,42%) |
#866E50 |
rgb(134,110,80) |
hsl(33,25%,42%) |
#508586 |
rgb(80,133,134) |
hsl(181,25%,42%) |
#848750 |
rgb(132,135,80) |
hsl(63,26%,42%) |