HEX #505F86 color — Blue Bayoux
The color #505f86 is a dark shade and slightly desaturated.
Palette
505f86 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(223,25%,97%) |
#e6e8f0 |
rgb(230,232,240) |
hsl(223,25%,92%) |
#d6dae6 |
rgb(214,218,230) |
hsl(223,25%,87%) |
#c6ccdd |
rgb(198,204,221) |
hsl(223,25%,82%) |
#b6bed3 |
rgb(182,190,211) |
hsl(223,25%,77%) |
#a6b0c9 |
rgb(166,176,201) |
hsl(223,25%,72%) |
#96a2c0 |
rgb(150,162,192) |
hsl(223,25%,67%) |
#8694b6 |
rgb(134,148,182) |
hsl(223,25%,62%) |
#7685ad |
rgb(118,133,173) |
hsl(223,25%,57%) |
#6677a3 |
rgb(102,119,163) |
hsl(223,25%,52%) |
#5a6b96 |
rgb(90,107,150) |
hsl(223,25%,47%) |
#505f86 |
rgb(80,95,134) |
hsl(223,25%,42%) |
#475476 |
rgb(71,84,118) |
hsl(223,25%,37%) |
#3d4966 |
rgb(61,73,102) |
hsl(223,25%,32%) |
#343d56 |
rgb(52,61,86) |
hsl(223,25%,27%) |
#2a3246 |
rgb(42,50,70) |
hsl(223,25%,22%) |
#212736 |
rgb(33,39,54) |
hsl(223,25%,17%) |
#171b26 |
rgb(23,27,38) |
hsl(223,25%,12%) |
#0d1016 |
rgb(13,16,22) |
hsl(223,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(223,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#508286 |
rgb(80,130,134) |
hsl(184,25%,42%) |
#505F86 |
rgb(80,95,134) |
hsl(223,25%,42%) |
#654F86 |
rgb(101,79,134) |
hsl(264,26%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7080A9 |
rgb(112,128,169) |
hsl(223,25%,55%) |
#5C6E9B |
rgb(92,110,155) |
hsl(223,26%,48%) |
#505F86 |
rgb(80,95,134) |
hsl(223,25%,42%) |
#434F70 |
rgb(67,79,112) |
hsl(224,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 |
#505F86 |
rgb(80,95,134) |
hsl(223,25%,42%) |
#865C50 |
rgb(134,92,80) |
hsl(13,25%,42%) |
#7A8750 |
rgb(122,135,80) |
hsl(74,26%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505F86 |
rgb(80,95,134) |
hsl(223,25%,42%) |
#867850 |
rgb(134,120,80) |
hsl(44,25%,42%) |
#507A86 |
rgb(80,122,134) |
hsl(193,25%,42%) |
#7A8750 |
rgb(122,135,80) |
hsl(74,26%,42%) |