HEX #405E77 color — Blue Bayoux
The color #405e77 is a dark shade and slightly desaturated.
Palette
405e77 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f8 |
rgb(242,245,248) |
hsl(207,30%,96%) |
#e1e9ef |
rgb(225,233,239) |
hsl(207,30%,91%) |
#d1dce6 |
rgb(209,220,230) |
hsl(207,30%,86%) |
#c0d0dd |
rgb(192,208,221) |
hsl(207,30%,81%) |
#afc4d4 |
rgb(175,196,212) |
hsl(207,30%,76%) |
#9fb7cb |
rgb(159,183,203) |
hsl(207,30%,71%) |
#8eabc2 |
rgb(142,171,194) |
hsl(207,30%,66%) |
#7e9fb9 |
rgb(126,159,185) |
hsl(207,30%,61%) |
#6d92b0 |
rgb(109,146,176) |
hsl(207,30%,56%) |
#5d86a8 |
rgb(93,134,168) |
hsl(207,30%,51%) |
#527998 |
rgb(82,121,152) |
hsl(207,30%,46%) |
#496c88 |
rgb(73,108,136) |
hsl(207,30%,41%) |
#405f77 |
rgb(64,95,119) |
hsl(207,30%,36%) |
#375167 |
rgb(55,81,103) |
hsl(207,30%,31%) |
#2e4456 |
rgb(46,68,86) |
hsl(207,30%,26%) |
#253746 |
rgb(37,55,70) |
hsl(207,30%,21%) |
#1d2a35 |
rgb(29,42,53) |
hsl(207,30%,16%) |
#141d24 |
rgb(20,29,36) |
hsl(207,30%,11%) |
#0b1014 |
rgb(11,16,20) |
hsl(207,30%,6%) |
#020303 |
rgb(2,3,3) |
hsl(207,30%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#40786B |
rgb(64,120,107) |
hsl(166,30%,36%) |
#405E77 |
rgb(64,94,119) |
hsl(207,30%,36%) |
#464077 |
rgb(70,64,119) |
hsl(247,30%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A6E8A |
rgb(74,110,138) |
hsl(206,30%,42%) |
#405E77 |
rgb(64,94,119) |
hsl(207,30%,36%) |
#354F63 |
rgb(53,79,99) |
hsl(206,30%,30%) |
#2B4050 |
rgb(43,64,80) |
hsl(206,30%,24%) |
#21303D |
rgb(33,48,61) |
hsl(208,30%,18%) |
#17212A |
rgb(23,33,42) |
hsl(208,29%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#405E77 |
rgb(64,94,119) |
hsl(207,30%,36%) |
#774042 |
rgb(119,64,66) |
hsl(358,30%,36%) |
#777540 |
rgb(119,117,64) |
hsl(58,30%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#405E77 |
rgb(64,94,119) |
hsl(207,30%,36%) |
#775940 |
rgb(119,89,64) |
hsl(27,30%,36%) |
#407874 |
rgb(64,120,116) |
hsl(176,30%,36%) |
#777540 |
rgb(119,117,64) |
hsl(58,30%,36%) |