HEX #405E78 color — Blue Bayoux
The color #405E78 is a dark shade and slightly desaturated.
Palette
405E78 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f8 |
rgb(242,245,248) |
hsl(208,30%,96%) |
#e1e9ef |
rgb(225,233,239) |
hsl(208,30%,91%) |
#d1dce6 |
rgb(209,220,230) |
hsl(208,30%,86%) |
#c0d0dd |
rgb(192,208,221) |
hsl(208,30%,81%) |
#afc3d4 |
rgb(175,195,212) |
hsl(208,30%,76%) |
#9fb7cb |
rgb(159,183,203) |
hsl(208,30%,71%) |
#8eaac2 |
rgb(142,170,194) |
hsl(208,30%,66%) |
#7e9eb9 |
rgb(126,158,185) |
hsl(208,30%,61%) |
#6d91b0 |
rgb(109,145,176) |
hsl(208,30%,56%) |
#5d85a8 |
rgb(93,133,168) |
hsl(208,30%,51%) |
#527898 |
rgb(82,120,152) |
hsl(208,30%,46%) |
#496b88 |
rgb(73,107,136) |
hsl(208,30%,41%) |
#405e77 |
rgb(64,94,119) |
hsl(208,30%,36%) |
#375167 |
rgb(55,81,103) |
hsl(208,30%,31%) |
#2e4456 |
rgb(46,68,86) |
hsl(208,30%,26%) |
#253746 |
rgb(37,55,70) |
hsl(208,30%,21%) |
#1d2a35 |
rgb(29,42,53) |
hsl(208,30%,16%) |
#141d24 |
rgb(20,29,36) |
hsl(208,30%,11%) |
#0b1014 |
rgb(11,16,20) |
hsl(208,30%,6%) |
#020303 |
rgb(2,3,3) |
hsl(208,30%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#40786C |
rgb(64,120,108) |
hsl(167,30%,36%) |
#405E78 |
rgb(64,94,120) |
hsl(208,30%,36%) |
#474078 |
rgb(71,64,120) |
hsl(248,30%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A6E8B |
rgb(74,110,139) |
hsl(207,31%,42%) |
#405E78 |
rgb(64,94,120) |
hsl(208,30%,36%) |
#354F64 |
rgb(53,79,100) |
hsl(207,31%,30%) |
#2B4051 |
rgb(43,64,81) |
hsl(207,31%,24%) |
#21303E |
rgb(33,48,62) |
hsl(209,31%,19%) |
#17212B |
rgb(23,33,43) |
hsl(210,30%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#405E78 |
rgb(64,94,120) |
hsl(208,30%,36%) |
#784042 |
rgb(120,64,66) |
hsl(358,30%,36%) |
#787540 |
rgb(120,117,64) |
hsl(57,30%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#405E78 |
rgb(64,94,120) |
hsl(208,30%,36%) |
#785940 |
rgb(120,89,64) |
hsl(27,30%,36%) |
#407876 |
rgb(64,120,118) |
hsl(178,30%,36%) |
#787540 |
rgb(120,117,64) |
hsl(57,30%,36%) |