HEX #506B7A color — Blue Bayoux
The color #506B7A is a dark shade and slightly desaturated.
Palette
506B7A color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(201,21%,95%) |
#e0e7eb |
rgb(224,231,235) |
hsl(201,21%,90%) |
#d1dbe1 |
rgb(209,219,225) |
hsl(201,21%,85%) |
#c1cfd7 |
rgb(193,207,215) |
hsl(201,21%,80%) |
#b2c3cd |
rgb(178,195,205) |
hsl(201,21%,75%) |
#a2b7c3 |
rgb(162,183,195) |
hsl(201,21%,70%) |
#93abb8 |
rgb(147,171,184) |
hsl(201,21%,65%) |
#849fae |
rgb(132,159,174) |
hsl(201,21%,60%) |
#7493a4 |
rgb(116,147,164) |
hsl(201,21%,55%) |
#65889a |
rgb(101,136,154) |
hsl(201,21%,50%) |
#5b7a8b |
rgb(91,122,139) |
hsl(201,21%,45%) |
#516c7b |
rgb(81,108,123) |
hsl(201,21%,40%) |
#475f6c |
rgb(71,95,108) |
hsl(201,21%,35%) |
#3c515d |
rgb(60,81,93) |
hsl(201,21%,30%) |
#32444d |
rgb(50,68,77) |
hsl(201,21%,25%) |
#28363e |
rgb(40,54,62) |
hsl(201,21%,20%) |
#1e292e |
rgb(30,41,46) |
hsl(201,21%,15%) |
#141b1f |
rgb(20,27,31) |
hsl(201,21%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(201,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#507A6D |
rgb(80,122,109) |
hsl(161,21%,40%) |
#506B7A |
rgb(80,107,122) |
hsl(201,21%,40%) |
#514F7A |
rgb(81,79,122) |
hsl(243,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C7D8D |
rgb(92,125,141) |
hsl(200,21%,46%) |
#506B7A |
rgb(80,107,122) |
hsl(201,21%,40%) |
#435966 |
rgb(67,89,102) |
hsl(202,21%,33%) |
#364A52 |
rgb(54,74,82) |
hsl(197,21%,27%) |
#29383F |
rgb(41,56,63) |
hsl(199,21%,20%) |
#1C262B |
rgb(28,38,43) |
hsl(200,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#506B7A |
rgb(80,107,122) |
hsl(201,21%,40%) |
#7A4F56 |
rgb(122,79,86) |
hsl(350,21%,39%) |
#7A7350 |
rgb(122,115,80) |
hsl(50,21%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506B7A |
rgb(80,107,122) |
hsl(201,21%,40%) |
#7A5E50 |
rgb(122,94,80) |
hsl(20,21%,40%) |
#507A74 |
rgb(80,122,116) |
hsl(171,21%,40%) |
#7A7350 |
rgb(122,115,80) |
hsl(50,21%,40%) |