HEX #505C86 color — Blue Bayoux
The color #505c86 is a dark shade and slightly desaturated.
Palette
505c86 color palette from light to dark
HEX |
RGB |
HSL |
#f5f6f9 |
rgb(245,246,249) |
hsl(227,25%,97%) |
#e6e8f0 |
rgb(230,232,240) |
hsl(227,25%,92%) |
#d6d9e6 |
rgb(214,217,230) |
hsl(227,25%,87%) |
#c6cbdd |
rgb(198,203,221) |
hsl(227,25%,82%) |
#b6bcd3 |
rgb(182,188,211) |
hsl(227,25%,77%) |
#a6adc9 |
rgb(166,173,201) |
hsl(227,25%,72%) |
#969fc0 |
rgb(150,159,192) |
hsl(227,25%,67%) |
#8690b6 |
rgb(134,144,182) |
hsl(227,25%,62%) |
#7682ad |
rgb(118,130,173) |
hsl(227,25%,57%) |
#6673a3 |
rgb(102,115,163) |
hsl(227,25%,52%) |
#5a6796 |
rgb(90,103,150) |
hsl(227,25%,47%) |
#505c86 |
rgb(80,92,134) |
hsl(227,25%,42%) |
#475176 |
rgb(71,81,118) |
hsl(227,25%,37%) |
#3d4666 |
rgb(61,70,102) |
hsl(227,25%,32%) |
#343b56 |
rgb(52,59,86) |
hsl(227,25%,27%) |
#2a3046 |
rgb(42,48,70) |
hsl(227,25%,22%) |
#212536 |
rgb(33,37,54) |
hsl(227,25%,17%) |
#171a26 |
rgb(23,26,38) |
hsl(227,25%,12%) |
#0d0f16 |
rgb(13,15,22) |
hsl(227,25%,7%) |
#040406 |
rgb(4,4,6) |
hsl(227,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#508086 |
rgb(80,128,134) |
hsl(187,25%,42%) |
#505C86 |
rgb(80,92,134) |
hsl(227,25%,42%) |
#684F86 |
rgb(104,79,134) |
hsl(267,26%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#707DA9 |
rgb(112,125,169) |
hsl(226,25%,55%) |
#5C6B9B |
rgb(92,107,155) |
hsl(226,26%,48%) |
#505C86 |
rgb(80,92,134) |
hsl(227,25%,42%) |
#434D70 |
rgb(67,77,112) |
hsl(227,25%,35%) |
#36405B |
rgb(54,64,91) |
hsl(224,26%,28%) |
#293045 |
rgb(41,48,69) |
hsl(225,25%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#505C86 |
rgb(80,92,134) |
hsl(227,25%,42%) |
#865E50 |
rgb(134,94,80) |
hsl(16,25%,42%) |
#778750 |
rgb(119,135,80) |
hsl(77,26%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505C86 |
rgb(80,92,134) |
hsl(227,25%,42%) |
#867A50 |
rgb(134,122,80) |
hsl(47,25%,42%) |
#507886 |
rgb(80,120,134) |
hsl(196,25%,42%) |
#778750 |
rgb(119,135,80) |
hsl(77,26%,42%) |