HEX #4F5778 color — Blue Bayoux
The color #4f5778 is a dark shade and slightly desaturated.
Palette
4f5778 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(228,21%,99%) |
#eceef3 |
rgb(236,238,243) |
hsl(228,21%,94%) |
#dddfe9 |
rgb(221,223,233) |
hsl(228,21%,89%) |
#ced1df |
rgb(206,209,223) |
hsl(228,21%,84%) |
#bec3d5 |
rgb(190,195,213) |
hsl(228,21%,79%) |
#afb4cb |
rgb(175,180,203) |
hsl(228,21%,74%) |
#9fa6c1 |
rgb(159,166,193) |
hsl(228,21%,69%) |
#9098b6 |
rgb(144,152,182) |
hsl(228,21%,64%) |
#8089ac |
rgb(128,137,172) |
hsl(228,21%,59%) |
#717ba2 |
rgb(113,123,162) |
hsl(228,21%,54%) |
#636d97 |
rgb(99,109,151) |
hsl(228,21%,49%) |
#596288 |
rgb(89,98,136) |
hsl(228,21%,44%) |
#4f5778 |
rgb(79,87,120) |
hsl(228,21%,39%) |
#444c69 |
rgb(68,76,105) |
hsl(228,21%,34%) |
#3a4159 |
rgb(58,65,89) |
hsl(228,21%,29%) |
#30354a |
rgb(48,53,74) |
hsl(228,21%,24%) |
#262a3b |
rgb(38,42,59) |
hsl(228,21%,19%) |
#1c1f2b |
rgb(28,31,43) |
hsl(228,21%,14%) |
#12141c |
rgb(18,20,28) |
hsl(228,21%,9%) |
#08090c |
rgb(8,9,12) |
hsl(228,21%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#4F7378 |
rgb(79,115,120) |
hsl(187,21%,39%) |
#4F5778 |
rgb(79,87,120) |
hsl(228,21%,39%) |
#624F78 |
rgb(98,79,120) |
hsl(268,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B668B |
rgb(91,102,139) |
hsl(226,21%,45%) |
#4F5778 |
rgb(79,87,120) |
hsl(228,21%,39%) |
#424A64 |
rgb(66,74,100) |
hsl(226,20%,33%) |
#353B51 |
rgb(53,59,81) |
hsl(227,21%,26%) |
#292E3E |
rgb(41,46,62) |
hsl(226,20%,20%) |
#1C1F2B |
rgb(28,31,43) |
hsl(228,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4F5778 |
rgb(79,87,120) |
hsl(228,21%,39%) |
#785C4F |
rgb(120,92,79) |
hsl(19,21%,39%) |
#6B784F |
rgb(107,120,79) |
hsl(79,21%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4F5778 |
rgb(79,87,120) |
hsl(228,21%,39%) |
#78704F |
rgb(120,112,79) |
hsl(48,21%,39%) |
#4F6B78 |
rgb(79,107,120) |
hsl(199,21%,39%) |
#6B784F |
rgb(107,120,79) |
hsl(79,21%,39%) |