HEX #456B6F color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

456B6F color palette from light to dark

HEX RGB HSL
#eff5f5 rgb(239,245,245) hsl(186,23%,95%)
#e0eaeb rgb(224,234,235) hsl(186,23%,90%)
#d0e0e2 rgb(208,224,226) hsl(186,23%,85%)
#c0d5d8 rgb(192,213,216) hsl(186,23%,80%)
#b1cbce rgb(177,203,206) hsl(186,23%,75%)
#a1c1c4 rgb(161,193,196) hsl(186,23%,70%)
#91b6ba rgb(145,182,186) hsl(186,23%,65%)
#82acb0 rgb(130,172,176) hsl(186,23%,60%)
#72a1a7 rgb(114,161,167) hsl(186,23%,55%)
#62979d rgb(98,151,157) hsl(186,23%,50%)
#58888d rgb(88,136,141) hsl(186,23%,45%)
#4f797d rgb(79,121,125) hsl(186,23%,40%)
#456a6e rgb(69,106,110) hsl(186,23%,35%)
#3b5b5e rgb(59,91,94) hsl(186,23%,30%)
#314b4e rgb(49,75,78) hsl(186,23%,25%)
#273c3f rgb(39,60,63) hsl(186,23%,20%)
#1d2d2f rgb(29,45,47) hsl(186,23%,15%)
#141e1f rgb(20,30,31) hsl(186,23%,10%)
#0a0f10 rgb(10,15,16) hsl(186,23%,5%)

Adjacent colors

HEX RGB HSL
#457057 rgb(69,112,87) hsl(145,24%,35%)
#456B6F rgb(69,107,111) hsl(186,23%,35%)
#454F6F rgb(69,79,111) hsl(226,23%,35%)

Monochromatic colors

HEX RGB HSL
#507D80 rgb(80,125,128) hsl(184,23%,41%)
#456B6F rgb(69,107,111) hsl(186,23%,35%)
#39595D rgb(57,89,93) hsl(187,24%,29%)
#2E4A4B rgb(46,74,75) hsl(182,24%,24%)
#233839 rgb(35,56,57) hsl(183,24%,18%)
#182627 rgb(24,38,39) hsl(184,24%,12%)

Triad color palettes

HEX RGB HSL
#456B6F rgb(69,107,111) hsl(186,23%,35%)
#6F4556 rgb(111,69,86) hsl(336,23%,35%)
#6F5E45 rgb(111,94,69) hsl(36,23%,35%)

Tetrad color palettes

HEX RGB HSL
#456B6F rgb(69,107,111) hsl(186,23%,35%)
#6F4A45 rgb(111,74,69) hsl(7,23%,35%)
#45705E rgb(69,112,94) hsl(155,24%,35%)
#6F5E45 rgb(111,94,69) hsl(36,23%,35%)