HEX #505C7A color — Blue Bayoux
The color #505C7A is a dark shade and slightly desaturated.
Palette
505C7A color palette from light to dark
HEX |
RGB |
HSL |
#f0f1f5 |
rgb(240,241,245) |
hsl(223,21%,95%) |
#e0e3eb |
rgb(224,227,235) |
hsl(223,21%,90%) |
#d1d5e1 |
rgb(209,213,225) |
hsl(223,21%,85%) |
#c1c7d7 |
rgb(193,199,215) |
hsl(223,21%,80%) |
#b2b9cd |
rgb(178,185,205) |
hsl(223,21%,75%) |
#a2acc3 |
rgb(162,172,195) |
hsl(223,21%,70%) |
#939eb8 |
rgb(147,158,184) |
hsl(223,21%,65%) |
#8490ae |
rgb(132,144,174) |
hsl(223,21%,60%) |
#7482a4 |
rgb(116,130,164) |
hsl(223,21%,55%) |
#65749a |
rgb(101,116,154) |
hsl(223,21%,50%) |
#5b688b |
rgb(91,104,139) |
hsl(223,21%,45%) |
#515d7b |
rgb(81,93,123) |
hsl(223,21%,40%) |
#47516c |
rgb(71,81,108) |
hsl(223,21%,35%) |
#3c465d |
rgb(60,70,93) |
hsl(223,21%,30%) |
#323a4d |
rgb(50,58,77) |
hsl(223,21%,25%) |
#282e3e |
rgb(40,46,62) |
hsl(223,21%,20%) |
#1e232e |
rgb(30,35,46) |
hsl(223,21%,15%) |
#14171f |
rgb(20,23,31) |
hsl(223,21%,10%) |
#0a0c0f |
rgb(10,12,15) |
hsl(223,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#50787A |
rgb(80,120,122) |
hsl(183,21%,40%) |
#505C7A |
rgb(80,92,122) |
hsl(223,21%,40%) |
#604F7A |
rgb(96,79,122) |
hsl(264,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6B8D |
rgb(92,107,141) |
hsl(222,21%,46%) |
#505C7A |
rgb(80,92,122) |
hsl(223,21%,40%) |
#434D66 |
rgb(67,77,102) |
hsl(223,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 |
#505C7A |
rgb(80,92,122) |
hsl(223,21%,40%) |
#7A5950 |
rgb(122,89,80) |
hsl(13,21%,40%) |
#717A50 |
rgb(113,122,80) |
hsl(73,21%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505C7A |
rgb(80,92,122) |
hsl(223,21%,40%) |
#7A6E50 |
rgb(122,110,80) |
hsl(43,21%,40%) |
#50707A |
rgb(80,112,122) |
hsl(194,21%,40%) |
#717A50 |
rgb(113,122,80) |
hsl(73,21%,40%) |