HEX #4C5C7C color — Blue Bayoux
The color #4C5C7C is a dark shade and slightly desaturated.
Palette
4C5C7C color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(220,24%,99%) |
#eceef3 |
rgb(236,238,243) |
hsl(220,24%,94%) |
#dce1ea |
rgb(220,225,234) |
hsl(220,24%,89%) |
#ccd3e0 |
rgb(204,211,224) |
hsl(220,24%,84%) |
#bdc5d6 |
rgb(189,197,214) |
hsl(220,24%,79%) |
#adb7cd |
rgb(173,183,205) |
hsl(220,24%,74%) |
#9daac3 |
rgb(157,170,195) |
hsl(220,24%,69%) |
#8d9cb9 |
rgb(141,156,185) |
hsl(220,24%,64%) |
#7d8eb0 |
rgb(125,142,176) |
hsl(220,24%,59%) |
#6e80a6 |
rgb(110,128,166) |
hsl(220,24%,54%) |
#5f739b |
rgb(95,115,155) |
hsl(220,24%,49%) |
#55678b |
rgb(85,103,139) |
hsl(220,24%,44%) |
#4c5b7b |
rgb(76,91,123) |
hsl(220,24%,39%) |
#42506c |
rgb(66,80,108) |
hsl(220,24%,34%) |
#38445c |
rgb(56,68,92) |
hsl(220,24%,29%) |
#2f384c |
rgb(47,56,76) |
hsl(220,24%,24%) |
#252d3c |
rgb(37,45,60) |
hsl(220,24%,19%) |
#1b212c |
rgb(27,33,44) |
hsl(220,24%,14%) |
#11151c |
rgb(17,21,28) |
hsl(220,24%,9%) |
#08090d |
rgb(8,9,13) |
hsl(220,24%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#4C7D7C |
rgb(76,125,124) |
hsl(179,24%,39%) |
#4C5C7C |
rgb(76,92,124) |
hsl(220,24%,39%) |
#5C4D7C |
rgb(92,77,124) |
hsl(259,23%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#586B8F |
rgb(88,107,143) |
hsl(219,24%,45%) |
#4C5C7C |
rgb(76,92,124) |
hsl(220,24%,39%) |
#3F4D68 |
rgb(63,77,104) |
hsl(220,25%,33%) |
#334054 |
rgb(51,64,84) |
hsl(216,24%,26%) |
#273040 |
rgb(39,48,64) |
hsl(218,24%,20%) |
#1B212C |
rgb(27,33,44) |
hsl(219,24%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C5C7C |
rgb(76,92,124) |
hsl(220,24%,39%) |
#7C544C |
rgb(124,84,76) |
hsl(10,24%,39%) |
#747D4C |
rgb(116,125,76) |
hsl(71,24%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C5C7C |
rgb(76,92,124) |
hsl(220,24%,39%) |
#7C6B4C |
rgb(124,107,76) |
hsl(39,24%,39%) |
#4C737C |
rgb(76,115,124) |
hsl(191,24%,39%) |
#747D4C |
rgb(116,125,76) |
hsl(71,24%,39%) |