HEX #505E7A color — Blue Bayoux
The color #505E7A is a dark shade and slightly desaturated.
Palette
505E7A color palette from light to dark
HEX |
RGB |
HSL |
#f0f1f5 |
rgb(240,241,245) |
hsl(220,21%,95%) |
#e0e4eb |
rgb(224,228,235) |
hsl(220,21%,90%) |
#d1d6e1 |
rgb(209,214,225) |
hsl(220,21%,85%) |
#c1c8d7 |
rgb(193,200,215) |
hsl(220,21%,80%) |
#b2bbcd |
rgb(178,187,205) |
hsl(220,21%,75%) |
#a2adc3 |
rgb(162,173,195) |
hsl(220,21%,70%) |
#93a0b8 |
rgb(147,160,184) |
hsl(220,21%,65%) |
#8492ae |
rgb(132,146,174) |
hsl(220,21%,60%) |
#7484a4 |
rgb(116,132,164) |
hsl(220,21%,55%) |
#65779a |
rgb(101,119,154) |
hsl(220,21%,50%) |
#5b6b8b |
rgb(91,107,139) |
hsl(220,21%,45%) |
#515f7b |
rgb(81,95,123) |
hsl(220,21%,40%) |
#47536c |
rgb(71,83,108) |
hsl(220,21%,35%) |
#3c475d |
rgb(60,71,93) |
hsl(220,21%,30%) |
#323b4d |
rgb(50,59,77) |
hsl(220,21%,25%) |
#282f3e |
rgb(40,47,62) |
hsl(220,21%,20%) |
#1e242e |
rgb(30,36,46) |
hsl(220,21%,15%) |
#14181f |
rgb(20,24,31) |
hsl(220,21%,10%) |
#0a0c0f |
rgb(10,12,15) |
hsl(220,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#507A7A |
rgb(80,122,122) |
hsl(180,21%,40%) |
#505E7A |
rgb(80,94,122) |
hsl(220,21%,40%) |
#5E4F7A |
rgb(94,79,122) |
hsl(261,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6E8D |
rgb(92,110,141) |
hsl(218,21%,46%) |
#505E7A |
rgb(80,94,122) |
hsl(220,21%,40%) |
#434F66 |
rgb(67,79,102) |
hsl(219,21%,33%) |
#364052 |
rgb(54,64,82) |
hsl(219,21%,27%) |
#29303F |
rgb(41,48,63) |
hsl(221,21%,20%) |
#1C212B |
rgb(28,33,43) |
hsl(220,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#505E7A |
rgb(80,94,122) |
hsl(220,21%,40%) |
#7A5750 |
rgb(122,87,80) |
hsl(10,21%,40%) |
#737A50 |
rgb(115,122,80) |
hsl(70,21%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505E7A |
rgb(80,94,122) |
hsl(220,21%,40%) |
#7A6B50 |
rgb(122,107,80) |
hsl(39,21%,40%) |
#50737A |
rgb(80,115,122) |
hsl(190,21%,40%) |
#737A50 |
rgb(115,122,80) |
hsl(70,21%,40%) |