HEX #4F5C78 color — Blue Bayoux
The color #4f5c78 is a dark shade and slightly desaturated.
Palette
4f5c78 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(221,21%,99%) |
#eceff3 |
rgb(236,239,243) |
hsl(221,21%,94%) |
#dde1e9 |
rgb(221,225,233) |
hsl(221,21%,89%) |
#ced3df |
rgb(206,211,223) |
hsl(221,21%,84%) |
#bec5d5 |
rgb(190,197,213) |
hsl(221,21%,79%) |
#afb8cb |
rgb(175,184,203) |
hsl(221,21%,74%) |
#9faac1 |
rgb(159,170,193) |
hsl(221,21%,69%) |
#909cb6 |
rgb(144,156,182) |
hsl(221,21%,64%) |
#808eac |
rgb(128,142,172) |
hsl(221,21%,59%) |
#7181a2 |
rgb(113,129,162) |
hsl(221,21%,54%) |
#637397 |
rgb(99,115,151) |
hsl(221,21%,49%) |
#596888 |
rgb(89,104,136) |
hsl(221,21%,44%) |
#4f5c78 |
rgb(79,92,120) |
hsl(221,21%,39%) |
#445069 |
rgb(68,80,105) |
hsl(221,21%,34%) |
#3a4459 |
rgb(58,68,89) |
hsl(221,21%,29%) |
#30384a |
rgb(48,56,74) |
hsl(221,21%,24%) |
#262d3b |
rgb(38,45,59) |
hsl(221,21%,19%) |
#1c212b |
rgb(28,33,43) |
hsl(221,21%,14%) |
#12151c |
rgb(18,21,28) |
hsl(221,21%,9%) |
#08090c |
rgb(8,9,12) |
hsl(221,21%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#4F7878 |
rgb(79,120,120) |
hsl(180,21%,39%) |
#4F5C78 |
rgb(79,92,120) |
hsl(221,21%,39%) |
#5D4F78 |
rgb(93,79,120) |
hsl(260,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B6B8B |
rgb(91,107,139) |
hsl(220,21%,45%) |
#4F5C78 |
rgb(79,92,120) |
hsl(221,21%,39%) |
#424D64 |
rgb(66,77,100) |
hsl(221,20%,33%) |
#354051 |
rgb(53,64,81) |
hsl(216,21%,26%) |
#29303E |
rgb(41,48,62) |
hsl(220,20%,20%) |
#1C212B |
rgb(28,33,43) |
hsl(220,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4F5C78 |
rgb(79,92,120) |
hsl(221,21%,39%) |
#78574F |
rgb(120,87,79) |
hsl(12,21%,39%) |
#70784F |
rgb(112,120,79) |
hsl(72,21%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4F5C78 |
rgb(79,92,120) |
hsl(221,21%,39%) |
#786B4F |
rgb(120,107,79) |
hsl(41,21%,39%) |
#4F7078 |
rgb(79,112,120) |
hsl(192,21%,39%) |
#70784F |
rgb(112,120,79) |
hsl(72,21%,39%) |