HEX #405F77 color — Blue Bayoux
The color #405f77 is a dark shade and slightly desaturated.
Palette
405f77 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f8 |
rgb(242,245,248) |
hsl(206,30%,96%) |
#e1e9ef |
rgb(225,233,239) |
hsl(206,30%,91%) |
#d1dde6 |
rgb(209,221,230) |
hsl(206,30%,86%) |
#c0d0dd |
rgb(192,208,221) |
hsl(206,30%,81%) |
#afc4d4 |
rgb(175,196,212) |
hsl(206,30%,76%) |
#9fb8cb |
rgb(159,184,203) |
hsl(206,30%,71%) |
#8eacc2 |
rgb(142,172,194) |
hsl(206,30%,66%) |
#7ea0b9 |
rgb(126,160,185) |
hsl(206,30%,61%) |
#6d93b0 |
rgb(109,147,176) |
hsl(206,30%,56%) |
#5d87a8 |
rgb(93,135,168) |
hsl(206,30%,51%) |
#527a98 |
rgb(82,122,152) |
hsl(206,30%,46%) |
#496d88 |
rgb(73,109,136) |
hsl(206,30%,41%) |
#405f77 |
rgb(64,95,119) |
hsl(206,30%,36%) |
#375267 |
rgb(55,82,103) |
hsl(206,30%,31%) |
#2e4556 |
rgb(46,69,86) |
hsl(206,30%,26%) |
#253846 |
rgb(37,56,70) |
hsl(206,30%,21%) |
#1d2a35 |
rgb(29,42,53) |
hsl(206,30%,16%) |
#141d24 |
rgb(20,29,36) |
hsl(206,30%,11%) |
#0b1014 |
rgb(11,16,20) |
hsl(206,30%,6%) |
#020303 |
rgb(2,3,3) |
hsl(206,30%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#40786A |
rgb(64,120,106) |
hsl(165,30%,36%) |
#405F77 |
rgb(64,95,119) |
hsl(206,30%,36%) |
#454077 |
rgb(69,64,119) |
hsl(245,30%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A6E8A |
rgb(74,110,138) |
hsl(206,30%,42%) |
#405F77 |
rgb(64,95,119) |
hsl(206,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 |
#405F77 |
rgb(64,95,119) |
hsl(206,30%,36%) |
#774043 |
rgb(119,64,67) |
hsl(357,30%,36%) |
#777340 |
rgb(119,115,64) |
hsl(56,30%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#405F77 |
rgb(64,95,119) |
hsl(206,30%,36%) |
#775940 |
rgb(119,89,64) |
hsl(27,30%,36%) |
#407873 |
rgb(64,120,115) |
hsl(175,30%,36%) |
#777340 |
rgb(119,115,64) |
hsl(56,30%,36%) |