HEX #4D5780 color — Blue Bayoux
The color #4d5780 is a dark shade and slightly desaturated.
Palette
4d5780 color palette from light to dark
HEX |
RGB |
HSL |
#eff0f5 |
rgb(239,240,245) |
hsl(228,25%,95%) |
#dfe2ec |
rgb(223,226,236) |
hsl(228,25%,90%) |
#cfd3e2 |
rgb(207,211,226) |
hsl(228,25%,85%) |
#bfc4d9 |
rgb(191,196,217) |
hsl(228,25%,80%) |
#afb6cf |
rgb(175,182,207) |
hsl(228,25%,75%) |
#9fa7c6 |
rgb(159,167,198) |
hsl(228,25%,70%) |
#8f98bc |
rgb(143,152,188) |
hsl(228,25%,65%) |
#808ab3 |
rgb(128,138,179) |
hsl(228,25%,60%) |
#707ba9 |
rgb(112,123,169) |
hsl(228,25%,55%) |
#606c9f |
rgb(96,108,159) |
hsl(228,25%,50%) |
#56628f |
rgb(86,98,143) |
hsl(228,25%,45%) |
#4d5780 |
rgb(77,87,128) |
hsl(228,25%,40%) |
#434c70 |
rgb(67,76,112) |
hsl(228,25%,35%) |
#394160 |
rgb(57,65,96) |
hsl(228,25%,30%) |
#303650 |
rgb(48,54,80) |
hsl(228,25%,25%) |
#262b40 |
rgb(38,43,64) |
hsl(228,25%,20%) |
#1d2130 |
rgb(29,33,48) |
hsl(228,25%,15%) |
#131620 |
rgb(19,22,32) |
hsl(228,25%,10%) |
#0a0b10 |
rgb(10,11,16) |
hsl(228,25%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4D7880 |
rgb(77,120,128) |
hsl(189,25%,40%) |
#4D5780 |
rgb(77,87,128) |
hsl(228,25%,40%) |
#654D80 |
rgb(101,77,128) |
hsl(268,25%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6975A5 |
rgb(105,117,165) |
hsl(228,25%,53%) |
#596694 |
rgb(89,102,148) |
hsl(227,25%,46%) |
#4D5780 |
rgb(77,87,128) |
hsl(228,25%,40%) |
#404A6B |
rgb(64,74,107) |
hsl(226,25%,34%) |
#343B57 |
rgb(52,59,87) |
hsl(228,25%,27%) |
#282E42 |
rgb(40,46,66) |
hsl(226,25%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#4D5780 |
rgb(77,87,128) |
hsl(228,25%,40%) |
#805C4D |
rgb(128,92,77) |
hsl(18,25%,40%) |
#70804D |
rgb(112,128,77) |
hsl(79,25%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4D5780 |
rgb(77,87,128) |
hsl(228,25%,40%) |
#80754D |
rgb(128,117,77) |
hsl(47,25%,40%) |
#4D7080 |
rgb(77,112,128) |
hsl(199,25%,40%) |
#70804D |
rgb(112,128,77) |
hsl(79,25%,40%) |