HEX #406C77 color — William
The color #406C77 is a dark shade and slightly desaturated.
Palette
406C77 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7f8 |
rgb(242,247,248) |
hsl(192,30%,96%) |
#e1ecef |
rgb(225,236,239) |
hsl(192,30%,91%) |
#d1e2e6 |
rgb(209,226,230) |
hsl(192,30%,86%) |
#c0d7dd |
rgb(192,215,221) |
hsl(192,30%,81%) |
#afcdd4 |
rgb(175,205,212) |
hsl(192,30%,76%) |
#9fc2cb |
rgb(159,194,203) |
hsl(192,30%,71%) |
#8eb8c2 |
rgb(142,184,194) |
hsl(192,30%,66%) |
#7eadb9 |
rgb(126,173,185) |
hsl(192,30%,61%) |
#6da3b0 |
rgb(109,163,176) |
hsl(192,30%,56%) |
#5d99a8 |
rgb(93,153,168) |
hsl(192,30%,51%) |
#528a98 |
rgb(82,138,152) |
hsl(192,30%,46%) |
#497b88 |
rgb(73,123,136) |
hsl(192,30%,41%) |
#406c77 |
rgb(64,108,119) |
hsl(192,30%,36%) |
#375d67 |
rgb(55,93,103) |
hsl(192,30%,31%) |
#2e4e56 |
rgb(46,78,86) |
hsl(192,30%,26%) |
#253f46 |
rgb(37,63,70) |
hsl(192,30%,21%) |
#1d3035 |
rgb(29,48,53) |
hsl(192,30%,16%) |
#142124 |
rgb(20,33,36) |
hsl(192,30%,11%) |
#0b1214 |
rgb(11,18,20) |
hsl(192,30%,6%) |
#020303 |
rgb(2,3,3) |
hsl(192,30%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#40785D |
rgb(64,120,93) |
hsl(151,30%,36%) |
#406C77 |
rgb(64,108,119) |
hsl(192,30%,36%) |
#404777 |
rgb(64,71,119) |
hsl(232,30%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A7D8A |
rgb(74,125,138) |
hsl(192,30%,42%) |
#406C77 |
rgb(64,108,119) |
hsl(192,30%,36%) |
#355C63 |
rgb(53,92,99) |
hsl(189,30%,30%) |
#2B4A50 |
rgb(43,74,80) |
hsl(190,30%,24%) |
#21383D |
rgb(33,56,61) |
hsl(191,30%,18%) |
#17262A |
rgb(23,38,42) |
hsl(193,29%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#406C77 |
rgb(64,108,119) |
hsl(192,30%,36%) |
#774050 |
rgb(119,64,80) |
hsl(343,30%,36%) |
#776640 |
rgb(119,102,64) |
hsl(41,30%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#406C77 |
rgb(64,108,119) |
hsl(192,30%,36%) |
#774A40 |
rgb(119,74,64) |
hsl(11,30%,36%) |
#407866 |
rgb(64,120,102) |
hsl(161,30%,36%) |
#776640 |
rgb(119,102,64) |
hsl(41,30%,36%) |