HEX #405C77 color — Blue Bayoux
The color #405c77 is a dark shade and slightly desaturated.
Palette
405c77 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f8 |
rgb(242,245,248) |
hsl(209,30%,96%) |
#e1e8ef |
rgb(225,232,239) |
hsl(209,30%,91%) |
#d1dce6 |
rgb(209,220,230) |
hsl(209,30%,86%) |
#c0cfdd |
rgb(192,207,221) |
hsl(209,30%,81%) |
#afc2d4 |
rgb(175,194,212) |
hsl(209,30%,76%) |
#9fb6cb |
rgb(159,182,203) |
hsl(209,30%,71%) |
#8ea9c2 |
rgb(142,169,194) |
hsl(209,30%,66%) |
#7e9db9 |
rgb(126,157,185) |
hsl(209,30%,61%) |
#6d90b0 |
rgb(109,144,176) |
hsl(209,30%,56%) |
#5d83a8 |
rgb(93,131,168) |
hsl(209,30%,51%) |
#527698 |
rgb(82,118,152) |
hsl(209,30%,46%) |
#496a88 |
rgb(73,106,136) |
hsl(209,30%,41%) |
#405d77 |
rgb(64,93,119) |
hsl(209,30%,36%) |
#375067 |
rgb(55,80,103) |
hsl(209,30%,31%) |
#2e4356 |
rgb(46,67,86) |
hsl(209,30%,26%) |
#253646 |
rgb(37,54,70) |
hsl(209,30%,21%) |
#1d2935 |
rgb(29,41,53) |
hsl(209,30%,16%) |
#141c24 |
rgb(20,28,36) |
hsl(209,30%,11%) |
#0b0f14 |
rgb(11,15,20) |
hsl(209,30%,6%) |
#020303 |
rgb(2,3,3) |
hsl(209,30%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#40786D |
rgb(64,120,109) |
hsl(168,30%,36%) |
#405C77 |
rgb(64,92,119) |
hsl(209,30%,36%) |
#484077 |
rgb(72,64,119) |
hsl(249,30%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A6B8A |
rgb(74,107,138) |
hsl(209,30%,42%) |
#405C77 |
rgb(64,92,119) |
hsl(209,30%,36%) |
#354D63 |
rgb(53,77,99) |
hsl(209,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 |
#405C77 |
rgb(64,92,119) |
hsl(209,30%,36%) |
#774040 |
rgb(119,64,64) |
hsl(360,30%,36%) |
#777540 |
rgb(119,117,64) |
hsl(58,30%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#405C77 |
rgb(64,92,119) |
hsl(209,30%,36%) |
#775C40 |
rgb(119,92,64) |
hsl(31,30%,36%) |
#407876 |
rgb(64,120,118) |
hsl(178,30%,36%) |
#777540 |
rgb(119,117,64) |
hsl(58,30%,36%) |