HEX #456180 color — Blue Bayoux
The color #456180 is a dark shade and slightly desaturated.
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%) |