HEX #505C77 color — Blue Bayoux
The color #505c77 is a dark shade and slightly desaturated.
Palette
505c77 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(222,20%,99%) |
#edeef3 |
rgb(237,238,243) |
hsl(222,20%,94%) |
#dde1e9 |
rgb(221,225,233) |
hsl(222,20%,89%) |
#ced3de |
rgb(206,211,222) |
hsl(222,20%,84%) |
#bfc5d4 |
rgb(191,197,212) |
hsl(222,20%,79%) |
#afb7ca |
rgb(175,183,202) |
hsl(222,20%,74%) |
#a0aac0 |
rgb(160,170,192) |
hsl(222,20%,69%) |
#919cb6 |
rgb(145,156,182) |
hsl(222,20%,64%) |
#828eab |
rgb(130,142,171) |
hsl(222,20%,59%) |
#7280a1 |
rgb(114,128,161) |
hsl(222,20%,54%) |
#647396 |
rgb(100,115,150) |
hsl(222,20%,49%) |
#5a6787 |
rgb(90,103,135) |
hsl(222,20%,44%) |
#505b77 |
rgb(80,91,119) |
hsl(222,20%,39%) |
#455068 |
rgb(69,80,104) |
hsl(222,20%,34%) |
#3b4459 |
rgb(59,68,89) |
hsl(222,20%,29%) |
#313849 |
rgb(49,56,73) |
hsl(222,20%,24%) |
#272d3a |
rgb(39,45,58) |
hsl(222,20%,19%) |
#1d212b |
rgb(29,33,43) |
hsl(222,20%,14%) |
#12151c |
rgb(18,21,28) |
hsl(222,20%,9%) |
#08090c |
rgb(8,9,12) |
hsl(222,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#507577 |
rgb(80,117,119) |
hsl(183,20%,39%) |
#505C77 |
rgb(80,92,119) |
hsl(222,20%,39%) |
#5E4F77 |
rgb(94,79,119) |
hsl(263,20%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6B8A |
rgb(92,107,138) |
hsl(220,20%,45%) |
#505C77 |
rgb(80,92,119) |
hsl(222,20%,39%) |
#434D63 |
rgb(67,77,99) |
hsl(221,19%,33%) |
#364050 |
rgb(54,64,80) |
hsl(217,19%,26%) |
#29303D |
rgb(41,48,61) |
hsl(219,20%,20%) |
#1C212A |
rgb(28,33,42) |
hsl(219,20%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#505C77 |
rgb(80,92,119) |
hsl(222,20%,39%) |
#775750 |
rgb(119,87,80) |
hsl(11,20%,39%) |
#6F7850 |
rgb(111,120,80) |
hsl(74,20%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505C77 |
rgb(80,92,119) |
hsl(222,20%,39%) |
#776B50 |
rgb(119,107,80) |
hsl(42,20%,39%) |
#507077 |
rgb(80,112,119) |
hsl(191,20%,39%) |
#6F7850 |
rgb(111,120,80) |
hsl(74,20%,39%) |