HEX #456C78 color — Blue Bayoux

The color #456c78 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

456c78 color palette from light to dark

HEX RGB HSL
#f5f8f9 rgb(245,248,249) hsl(194,27%,97%)
#e5eef0 rgb(229,238,240) hsl(194,27%,92%)
#d5e3e7 rgb(213,227,231) hsl(194,27%,87%)
#c5d8dd rgb(197,216,221) hsl(194,27%,82%)
#b5cdd4 rgb(181,205,212) hsl(194,27%,77%)
#a4c2cb rgb(164,194,203) hsl(194,27%,72%)
#94b7c2 rgb(148,183,194) hsl(194,27%,67%)
#84acb8 rgb(132,172,184) hsl(194,27%,62%)
#74a1af rgb(116,161,175) hsl(194,27%,57%)
#6496a6 rgb(100,150,166) hsl(194,27%,52%)
#578998 rgb(87,137,152) hsl(194,27%,47%)
#4e7b88 rgb(78,123,136) hsl(194,27%,42%)
#456c78 rgb(69,108,120) hsl(194,27%,37%)
#3c5d68 rgb(60,93,104) hsl(194,27%,32%)
#324f57 rgb(50,79,87) hsl(194,27%,27%)
#294047 rgb(41,64,71) hsl(194,27%,22%)
#203237 rgb(32,50,55) hsl(194,27%,17%)
#162327 rgb(22,35,39) hsl(194,27%,12%)
#0d1417 rgb(13,20,23) hsl(194,27%,7%)
#040606 rgb(4,6,6) hsl(194,27%,2%)

Adjacent colors

HEX RGB HSL
#457862 rgb(69,120,98) hsl(154,27%,37%)
#456C78 rgb(69,108,120) hsl(194,27%,37%)
#454A78 rgb(69,74,120) hsl(234,27%,37%)

Monochromatic colors

HEX RGB HSL
#507D8B rgb(80,125,139) hsl(194,27%,43%)
#456C78 rgb(69,108,120) hsl(194,27%,37%)
#395C64 rgb(57,92,100) hsl(191,27%,31%)
#2E4A51 rgb(46,74,81) hsl(192,28%,25%)
#23383E rgb(35,56,62) hsl(193,28%,19%)
#18262B rgb(24,38,43) hsl(196,28%,13%)

Triad color palettes

HEX RGB HSL
#456C78 rgb(69,108,120) hsl(194,27%,37%)
#784552 rgb(120,69,82) hsl(345,27%,37%)
#786B45 rgb(120,107,69) hsl(45,27%,37%)

Tetrad color palettes

HEX RGB HSL
#456C78 rgb(69,108,120) hsl(194,27%,37%)
#785245 rgb(120,82,69) hsl(15,27%,37%)
#45786A rgb(69,120,106) hsl(164,27%,37%)
#786B45 rgb(120,107,69) hsl(45,27%,37%)