HEX #4C5C80 color — Blue Bayoux
The color #4C5C80 is a dark shade and slightly desaturated.
Palette
4C5C80 color palette from light to dark
HEX |
RGB |
HSL |
#eff1f5 |
rgb(239,241,245) |
hsl(222,25%,95%) |
#dfe3ec |
rgb(223,227,236) |
hsl(222,25%,90%) |
#cfd5e2 |
rgb(207,213,226) |
hsl(222,25%,85%) |
#bfc7d9 |
rgb(191,199,217) |
hsl(222,25%,80%) |
#afb9cf |
rgb(175,185,207) |
hsl(222,25%,75%) |
#9fabc6 |
rgb(159,171,198) |
hsl(222,25%,70%) |
#8f9dbc |
rgb(143,157,188) |
hsl(222,25%,65%) |
#808fb3 |
rgb(128,143,179) |
hsl(222,25%,60%) |
#7081a9 |
rgb(112,129,169) |
hsl(222,25%,55%) |
#60739f |
rgb(96,115,159) |
hsl(222,25%,50%) |
#56678f |
rgb(86,103,143) |
hsl(222,25%,45%) |
#4d5c80 |
rgb(77,92,128) |
hsl(222,25%,40%) |
#435070 |
rgb(67,80,112) |
hsl(222,25%,35%) |
#394560 |
rgb(57,69,96) |
hsl(222,25%,30%) |
#303950 |
rgb(48,57,80) |
hsl(222,25%,25%) |
#262e40 |
rgb(38,46,64) |
hsl(222,25%,20%) |
#1d2230 |
rgb(29,34,48) |
hsl(222,25%,15%) |
#131720 |
rgb(19,23,32) |
hsl(222,25%,10%) |
#0a0b10 |
rgb(10,11,16) |
hsl(222,25%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4C8080 |
rgb(76,128,128) |
hsl(180,25%,40%) |
#4C5C80 |
rgb(76,92,128) |
hsl(222,25%,40%) |
#5E4D80 |
rgb(94,77,128) |
hsl(260,25%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#677AA5 |
rgb(103,122,165) |
hsl(222,26%,53%) |
#586B94 |
rgb(88,107,148) |
hsl(221,25%,46%) |
#4C5C80 |
rgb(76,92,128) |
hsl(222,25%,40%) |
#3F4D6B |
rgb(63,77,107) |
hsl(221,26%,33%) |
#334057 |
rgb(51,64,87) |
hsl(218,26%,27%) |
#273042 |
rgb(39,48,66) |
hsl(220,26%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C5C80 |
rgb(76,92,128) |
hsl(222,25%,40%) |
#80574C |
rgb(128,87,76) |
hsl(13,25%,40%) |
#76804C |
rgb(118,128,76) |
hsl(72,25%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C5C80 |
rgb(76,92,128) |
hsl(222,25%,40%) |
#80704C |
rgb(128,112,76) |
hsl(42,25%,40%) |
#4C7580 |
rgb(76,117,128) |
hsl(193,25%,40%) |
#76804C |
rgb(118,128,76) |
hsl(72,25%,40%) |