HEX #506B7E color — Blue Bayoux
The color #506B7E is a dark shade and slightly desaturated.
Palette
506B7E color palette from light to dark
HEX |
RGB |
HSL |
#eff3f5 |
rgb(239,243,245) |
hsl(205,22%,95%) |
#e0e6eb |
rgb(224,230,235) |
hsl(205,22%,90%) |
#d0dae1 |
rgb(208,218,225) |
hsl(205,22%,85%) |
#c1ced7 |
rgb(193,206,215) |
hsl(205,22%,80%) |
#b1c2cd |
rgb(177,194,205) |
hsl(205,22%,75%) |
#a2b5c3 |
rgb(162,181,195) |
hsl(205,22%,70%) |
#92a9b9 |
rgb(146,169,185) |
hsl(205,22%,65%) |
#839daf |
rgb(131,157,175) |
hsl(205,22%,60%) |
#7390a5 |
rgb(115,144,165) |
hsl(205,22%,55%) |
#63849c |
rgb(99,132,156) |
hsl(205,22%,50%) |
#5a778c |
rgb(90,119,140) |
hsl(205,22%,45%) |
#506a7c |
rgb(80,106,124) |
hsl(205,22%,40%) |
#465d6d |
rgb(70,93,109) |
hsl(205,22%,35%) |
#3c4f5d |
rgb(60,79,93) |
hsl(205,22%,30%) |
#32424e |
rgb(50,66,78) |
hsl(205,22%,25%) |
#28353e |
rgb(40,53,62) |
hsl(205,22%,20%) |
#1e282f |
rgb(30,40,47) |
hsl(205,22%,15%) |
#141a1f |
rgb(20,26,31) |
hsl(205,22%,10%) |
#0a0d10 |
rgb(10,13,16) |
hsl(205,22%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#507D72 |
rgb(80,125,114) |
hsl(165,22%,40%) |
#506B7E |
rgb(80,107,126) |
hsl(205,22%,40%) |
#534F7E |
rgb(83,79,126) |
hsl(245,23%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6D8CA2 |
rgb(109,140,162) |
hsl(205,22%,53%) |
#5C7D92 |
rgb(92,125,146) |
hsl(203,23%,47%) |
#506B7E |
rgb(80,107,126) |
hsl(205,22%,40%) |
#435969 |
rgb(67,89,105) |
hsl(205,22%,34%) |
#364A55 |
rgb(54,74,85) |
hsl(201,22%,27%) |
#293841 |
rgb(41,56,65) |
hsl(203,23%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#506B7E |
rgb(80,107,126) |
hsl(205,22%,40%) |
#7E4F54 |
rgb(126,79,84) |
hsl(354,23%,40%) |
#7E7A50 |
rgb(126,122,80) |
hsl(55,22%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506B7E |
rgb(80,107,126) |
hsl(205,22%,40%) |
#7E6350 |
rgb(126,99,80) |
hsl(25,22%,40%) |
#507D7A |
rgb(80,125,122) |
hsl(176,22%,40%) |
#7E7A50 |
rgb(126,122,80) |
hsl(55,22%,40%) |