HEX #476B78 color — Blue Bayoux
The color #476B78 is a dark shade and slightly desaturated.
Palette
476B78 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8f9 |
rgb(245,248,249) |
hsl(196,26%,97%) |
#e5edf0 |
rgb(229,237,240) |
hsl(196,26%,92%) |
#d5e2e6 |
rgb(213,226,230) |
hsl(196,26%,87%) |
#c5d7dd |
rgb(197,215,221) |
hsl(196,26%,82%) |
#b5cbd4 |
rgb(181,203,212) |
hsl(196,26%,77%) |
#a5c0ca |
rgb(165,192,202) |
hsl(196,26%,72%) |
#95b5c1 |
rgb(149,181,193) |
hsl(196,26%,67%) |
#85aab7 |
rgb(133,170,183) |
hsl(196,26%,62%) |
#759fae |
rgb(117,159,174) |
hsl(196,26%,57%) |
#6593a4 |
rgb(101,147,164) |
hsl(196,26%,52%) |
#598697 |
rgb(89,134,151) |
hsl(196,26%,47%) |
#4f7887 |
rgb(79,120,135) |
hsl(196,26%,42%) |
#466a77 |
rgb(70,106,119) |
hsl(196,26%,37%) |
#3c5c67 |
rgb(60,92,103) |
hsl(196,26%,32%) |
#334d57 |
rgb(51,77,87) |
hsl(196,26%,27%) |
#2a3f47 |
rgb(42,63,71) |
hsl(196,26%,22%) |
#203137 |
rgb(32,49,55) |
hsl(196,26%,17%) |
#172227 |
rgb(23,34,39) |
hsl(196,26%,12%) |
#0d1416 |
rgb(13,20,22) |
hsl(196,26%,7%) |
#040606 |
rgb(4,6,6) |
hsl(196,26%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#477864 |
rgb(71,120,100) |
hsl(156,26%,37%) |
#476B78 |
rgb(71,107,120) |
hsl(196,26%,37%) |
#474A78 |
rgb(71,74,120) |
hsl(236,26%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#527D8B |
rgb(82,125,139) |
hsl(195,26%,43%) |
#476B78 |
rgb(71,107,120) |
hsl(196,26%,37%) |
#3B5964 |
rgb(59,89,100) |
hsl(196,26%,31%) |
#304A51 |
rgb(48,74,81) |
hsl(193,26%,25%) |
#24383E |
rgb(36,56,62) |
hsl(194,27%,19%) |
#19262B |
rgb(25,38,43) |
hsl(197,26%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#476B78 |
rgb(71,107,120) |
hsl(196,26%,37%) |
#784752 |
rgb(120,71,82) |
hsl(347,26%,37%) |
#786E47 |
rgb(120,110,71) |
hsl(48,26%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#476B78 |
rgb(71,107,120) |
hsl(196,26%,37%) |
#785447 |
rgb(120,84,71) |
hsl(16,26%,37%) |
#47786C |
rgb(71,120,108) |
hsl(165,26%,37%) |
#786E47 |
rgb(120,110,71) |
hsl(48,26%,37%) |