HEX #506486 color — Blue Bayoux
The color #506486 is a dark shade and slightly desaturated.
Palette
506486 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(218,25%,97%) |
#e6e9f0 |
rgb(230,233,240) |
hsl(218,25%,92%) |
#d6dce6 |
rgb(214,220,230) |
hsl(218,25%,87%) |
#c6cedd |
rgb(198,206,221) |
hsl(218,25%,82%) |
#b6c0d3 |
rgb(182,192,211) |
hsl(218,25%,77%) |
#a6b3c9 |
rgb(166,179,201) |
hsl(218,25%,72%) |
#96a5c0 |
rgb(150,165,192) |
hsl(218,25%,67%) |
#8698b6 |
rgb(134,152,182) |
hsl(218,25%,62%) |
#768aad |
rgb(118,138,173) |
hsl(218,25%,57%) |
#667ca3 |
rgb(102,124,163) |
hsl(218,25%,52%) |
#5a7096 |
rgb(90,112,150) |
hsl(218,25%,47%) |
#506486 |
rgb(80,100,134) |
hsl(218,25%,42%) |
#475876 |
rgb(71,88,118) |
hsl(218,25%,37%) |
#3d4c66 |
rgb(61,76,102) |
hsl(218,25%,32%) |
#344056 |
rgb(52,64,86) |
hsl(218,25%,27%) |
#2a3446 |
rgb(42,52,70) |
hsl(218,25%,22%) |
#212836 |
rgb(33,40,54) |
hsl(218,25%,17%) |
#171d26 |
rgb(23,29,38) |
hsl(218,25%,12%) |
#0d1116 |
rgb(13,17,22) |
hsl(218,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(218,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#508784 |
rgb(80,135,132) |
hsl(177,26%,42%) |
#506486 |
rgb(80,100,134) |
hsl(218,25%,42%) |
#604F86 |
rgb(96,79,134) |
hsl(259,26%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7085A9 |
rgb(112,133,169) |
hsl(218,25%,55%) |
#5C739B |
rgb(92,115,155) |
hsl(218,26%,48%) |
#506486 |
rgb(80,100,134) |
hsl(218,25%,42%) |
#435470 |
rgb(67,84,112) |
hsl(217,25%,35%) |
#36455B |
rgb(54,69,91) |
hsl(216,26%,28%) |
#293345 |
rgb(41,51,69) |
hsl(219,25%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#506486 |
rgb(80,100,134) |
hsl(218,25%,42%) |
#865750 |
rgb(134,87,80) |
hsl(8,25%,42%) |
#7F8750 |
rgb(127,135,80) |
hsl(69,26%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506486 |
rgb(80,100,134) |
hsl(218,25%,42%) |
#867350 |
rgb(134,115,80) |
hsl(39,25%,42%) |
#508086 |
rgb(80,128,134) |
hsl(187,25%,42%) |
#7F8750 |
rgb(127,135,80) |
hsl(69,26%,42%) |