HEX #505F7C color — Blue Bayoux
The color #505F7C is a dark shade and slightly desaturated.
Palette
505F7C color palette from light to dark
HEX |
RGB |
HSL |
#eff1f5 |
rgb(239,241,245) |
hsl(220,22%,95%) |
#e0e4eb |
rgb(224,228,235) |
hsl(220,22%,90%) |
#d0d6e1 |
rgb(208,214,225) |
hsl(220,22%,85%) |
#c1c8d7 |
rgb(193,200,215) |
hsl(220,22%,80%) |
#b1bbcd |
rgb(177,187,205) |
hsl(220,22%,75%) |
#a2adc3 |
rgb(162,173,195) |
hsl(220,22%,70%) |
#929fb9 |
rgb(146,159,185) |
hsl(220,22%,65%) |
#8392af |
rgb(131,146,175) |
hsl(220,22%,60%) |
#7384a5 |
rgb(115,132,165) |
hsl(220,22%,55%) |
#63769c |
rgb(99,118,156) |
hsl(220,22%,50%) |
#5a6a8c |
rgb(90,106,140) |
hsl(220,22%,45%) |
#505f7c |
rgb(80,95,124) |
hsl(220,22%,40%) |
#46536d |
rgb(70,83,109) |
hsl(220,22%,35%) |
#3c475d |
rgb(60,71,93) |
hsl(220,22%,30%) |
#323b4e |
rgb(50,59,78) |
hsl(220,22%,25%) |
#282f3e |
rgb(40,47,62) |
hsl(220,22%,20%) |
#1e232f |
rgb(30,35,47) |
hsl(220,22%,15%) |
#14181f |
rgb(20,24,31) |
hsl(220,22%,10%) |
#0a0c10 |
rgb(10,12,16) |
hsl(220,22%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#507D7B |
rgb(80,125,123) |
hsl(177,22%,40%) |
#505F7C |
rgb(80,95,124) |
hsl(220,22%,40%) |
#5E4F7C |
rgb(94,79,124) |
hsl(260,22%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C80A0 |
rgb(108,128,160) |
hsl(217,21%,53%) |
#5C6E8F |
rgb(92,110,143) |
hsl(219,22%,46%) |
#505F7C |
rgb(80,95,124) |
hsl(220,22%,40%) |
#434F68 |
rgb(67,79,104) |
hsl(221,22%,34%) |
#364054 |
rgb(54,64,84) |
hsl(220,22%,27%) |
#293040 |
rgb(41,48,64) |
hsl(222,22%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#505F7C |
rgb(80,95,124) |
hsl(220,22%,40%) |
#7C5750 |
rgb(124,87,80) |
hsl(10,22%,40%) |
#757D50 |
rgb(117,125,80) |
hsl(71,22%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505F7C |
rgb(80,95,124) |
hsl(220,22%,40%) |
#7C6E50 |
rgb(124,110,80) |
hsl(41,22%,40%) |
#50757C |
rgb(80,117,124) |
hsl(190,22%,40%) |
#757D50 |
rgb(117,125,80) |
hsl(71,22%,40%) |