HEX #4F6C78 color — Blue Bayoux
The color #4f6c78 is a dark shade and slightly desaturated.
Palette
4f6c78 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(198,21%,99%) |
#ecf1f3 |
rgb(236,241,243) |
hsl(198,21%,94%) |
#dde5e9 |
rgb(221,229,233) |
hsl(198,21%,89%) |
#cedadf |
rgb(206,218,223) |
hsl(198,21%,84%) |
#beced5 |
rgb(190,206,213) |
hsl(198,21%,79%) |
#afc2cb |
rgb(175,194,203) |
hsl(198,21%,74%) |
#9fb7c1 |
rgb(159,183,193) |
hsl(198,21%,69%) |
#90abb6 |
rgb(144,171,182) |
hsl(198,21%,64%) |
#809fac |
rgb(128,159,172) |
hsl(198,21%,59%) |
#7194a2 |
rgb(113,148,162) |
hsl(198,21%,54%) |
#638797 |
rgb(99,135,151) |
hsl(198,21%,49%) |
#597a88 |
rgb(89,122,136) |
hsl(198,21%,44%) |
#4f6c78 |
rgb(79,108,120) |
hsl(198,21%,39%) |
#445e69 |
rgb(68,94,105) |
hsl(198,21%,34%) |
#3a5059 |
rgb(58,80,89) |
hsl(198,21%,29%) |
#30424a |
rgb(48,66,74) |
hsl(198,21%,24%) |
#26353b |
rgb(38,53,59) |
hsl(198,21%,19%) |
#1c272b |
rgb(28,39,43) |
hsl(198,21%,14%) |
#12191c |
rgb(18,25,28) |
hsl(198,21%,9%) |
#080b0c |
rgb(8,11,12) |
hsl(198,21%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#4F7868 |
rgb(79,120,104) |
hsl(157,21%,39%) |
#4F6C78 |
rgb(79,108,120) |
hsl(198,21%,39%) |
#4F5278 |
rgb(79,82,120) |
hsl(236,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B7D8B |
rgb(91,125,139) |
hsl(198,21%,45%) |
#4F6C78 |
rgb(79,108,120) |
hsl(198,21%,39%) |
#425C64 |
rgb(66,92,100) |
hsl(194,20%,33%) |
#354A51 |
rgb(53,74,81) |
hsl(195,21%,26%) |
#29383E |
rgb(41,56,62) |
hsl(197,20%,20%) |
#1C262B |
rgb(28,38,43) |
hsl(200,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4F6C78 |
rgb(79,108,120) |
hsl(198,21%,39%) |
#784F57 |
rgb(120,79,87) |
hsl(348,21%,39%) |
#78704F |
rgb(120,112,79) |
hsl(48,21%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4F6C78 |
rgb(79,108,120) |
hsl(198,21%,39%) |
#785C4F |
rgb(120,92,79) |
hsl(19,21%,39%) |
#4F786F |
rgb(79,120,111) |
hsl(167,21%,39%) |
#78704F |
rgb(120,112,79) |
hsl(48,21%,39%) |