HEX #506E7A color — Blue Bayoux
The color #506E7A is a dark shade and slightly desaturated.
Palette
506E7A color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(197,21%,95%) |
#e0e8eb |
rgb(224,232,235) |
hsl(197,21%,90%) |
#d1dce1 |
rgb(209,220,225) |
hsl(197,21%,85%) |
#c1d1d7 |
rgb(193,209,215) |
hsl(197,21%,80%) |
#b2c5cd |
rgb(178,197,205) |
hsl(197,21%,75%) |
#a2b9c3 |
rgb(162,185,195) |
hsl(197,21%,70%) |
#93aeb8 |
rgb(147,174,184) |
hsl(197,21%,65%) |
#84a2ae |
rgb(132,162,174) |
hsl(197,21%,60%) |
#7497a4 |
rgb(116,151,164) |
hsl(197,21%,55%) |
#658b9a |
rgb(101,139,154) |
hsl(197,21%,50%) |
#5b7d8b |
rgb(91,125,139) |
hsl(197,21%,45%) |
#516f7b |
rgb(81,111,123) |
hsl(197,21%,40%) |
#47616c |
rgb(71,97,108) |
hsl(197,21%,35%) |
#3c535d |
rgb(60,83,93) |
hsl(197,21%,30%) |
#32464d |
rgb(50,70,77) |
hsl(197,21%,25%) |
#28383e |
rgb(40,56,62) |
hsl(197,21%,20%) |
#1e2a2e |
rgb(30,42,46) |
hsl(197,21%,15%) |
#141c1f |
rgb(20,28,31) |
hsl(197,21%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(197,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#507A6A |
rgb(80,122,106) |
hsl(157,21%,40%) |
#506E7A |
rgb(80,110,122) |
hsl(197,21%,40%) |
#50527A |
rgb(80,82,122) |
hsl(237,21%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C808D |
rgb(92,128,141) |
hsl(196,21%,46%) |
#506E7A |
rgb(80,110,122) |
hsl(197,21%,40%) |
#435C66 |
rgb(67,92,102) |
hsl(197,21%,33%) |
#364A52 |
rgb(54,74,82) |
hsl(197,21%,27%) |
#29383F |
rgb(41,56,63) |
hsl(199,21%,20%) |
#1C292B |
rgb(28,41,43) |
hsl(188,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#506E7A |
rgb(80,110,122) |
hsl(197,21%,40%) |
#7A4F59 |
rgb(122,79,89) |
hsl(346,21%,39%) |
#7A7050 |
rgb(122,112,80) |
hsl(46,21%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506E7A |
rgb(80,110,122) |
hsl(197,21%,40%) |
#7A5C50 |
rgb(122,92,80) |
hsl(17,21%,40%) |
#507A71 |
rgb(80,122,113) |
hsl(167,21%,40%) |
#7A7050 |
rgb(122,112,80) |
hsl(46,21%,40%) |