HEX #456180 color — Blue Bayoux

The color #456180 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

456180 color palette from light to dark

HEX RGB HSL
#fcfcfd rgb(252,252,253) hsl(212,30%,99%)
#ebeff4 rgb(235,239,244) hsl(212,30%,94%)
#dbe2eb rgb(219,226,235) hsl(212,30%,89%)
#cad5e2 rgb(202,213,226) hsl(212,30%,84%)
#b9c8da rgb(185,200,218) hsl(212,30%,79%)
#a9bbd1 rgb(169,187,209) hsl(212,30%,74%)
#98aec8 rgb(152,174,200) hsl(212,30%,69%)
#88a1bf rgb(136,161,191) hsl(212,30%,64%)
#7794b6 rgb(119,148,182) hsl(212,30%,59%)
#6787ad rgb(103,135,173) hsl(212,30%,54%)
#577aa2 rgb(87,122,162) hsl(212,30%,49%)
#4f6e92 rgb(79,110,146) hsl(212,30%,44%)
#466181 rgb(70,97,129) hsl(212,30%,39%)
#3d5571 rgb(61,85,113) hsl(212,30%,34%)
#344860 rgb(52,72,96) hsl(212,30%,29%)
#2b3c50 rgb(43,60,80) hsl(212,30%,24%)
#222f3f rgb(34,47,63) hsl(212,30%,19%)
#19232e rgb(25,35,46) hsl(212,30%,14%)
#10161e rgb(16,22,30) hsl(212,30%,9%)
#070a0d rgb(7,10,13) hsl(212,30%,4%)

Adjacent colors

HEX RGB HSL
#458077 rgb(69,128,119) hsl(171,30%,39%)
#456180 rgb(69,97,128) hsl(212,30%,39%)
#504580 rgb(80,69,128) hsl(251,30%,39%)

Monochromatic colors

HEX RGB HSL
#507094 rgb(80,112,148) hsl(212,30%,45%)
#456180 rgb(69,97,128) hsl(212,30%,39%)
#39526B rgb(57,82,107) hsl(210,30%,32%)
#2E4257 rgb(46,66,87) hsl(211,31%,26%)
#233342 rgb(35,51,66) hsl(209,31%,20%)
#18242E rgb(24,36,46) hsl(207,31%,14%)

Triad color palettes

HEX RGB HSL
#456180 rgb(69,97,128) hsl(212,30%,39%)
#804745 rgb(128,71,69) hsl(2,30%,39%)
#7E8045 rgb(126,128,69) hsl(62,30%,39%)

Tetrad color palettes

HEX RGB HSL
#456180 rgb(69,97,128) hsl(212,30%,39%)
#806345 rgb(128,99,69) hsl(31,30%,39%)
#458080 rgb(69,128,128) hsl(180,30%,39%)
#7E8045 rgb(126,128,69) hsl(62,30%,39%)