HEX #4A5E78 color — Blue Bayoux
The color #4A5E78 is a dark shade and slightly desaturated.
Palette
4A5E78 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(214,24%,98%) |
#e9edf1 |
rgb(233,237,241) |
hsl(214,24%,93%) |
#d9dfe8 |
rgb(217,223,232) |
hsl(214,24%,88%) |
#c9d2de |
rgb(201,210,222) |
hsl(214,24%,83%) |
#b9c5d4 |
rgb(185,197,212) |
hsl(214,24%,78%) |
#aab8cb |
rgb(170,184,203) |
hsl(214,24%,73%) |
#9aabc1 |
rgb(154,171,193) |
hsl(214,24%,68%) |
#8a9eb7 |
rgb(138,158,183) |
hsl(214,24%,63%) |
#7a90ae |
rgb(122,144,174) |
hsl(214,24%,58%) |
#6a83a4 |
rgb(106,131,164) |
hsl(214,24%,53%) |
#5d7698 |
rgb(93,118,152) |
hsl(214,24%,48%) |
#536a88 |
rgb(83,106,136) |
hsl(214,24%,43%) |
#4a5e78 |
rgb(74,94,120) |
hsl(214,24%,38%) |
#405168 |
rgb(64,81,104) |
hsl(214,24%,33%) |
#364559 |
rgb(54,69,89) |
hsl(214,24%,28%) |
#2d3949 |
rgb(45,57,73) |
hsl(214,24%,23%) |
#232c39 |
rgb(35,44,57) |
hsl(214,24%,18%) |
#192029 |
rgb(25,32,41) |
hsl(214,24%,13%) |
#101419 |
rgb(16,20,25) |
hsl(214,24%,8%) |
#060709 |
rgb(6,7,9) |
hsl(214,24%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A7873 |
rgb(74,120,115) |
hsl(173,24%,38%) |
#4A5E78 |
rgb(74,94,120) |
hsl(214,24%,38%) |
#544A78 |
rgb(84,74,120) |
hsl(253,24%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#556E8B |
rgb(85,110,139) |
hsl(212,24%,44%) |
#4A5E78 |
rgb(74,94,120) |
hsl(214,24%,38%) |
#3E4F64 |
rgb(62,79,100) |
hsl(213,23%,32%) |
#324051 |
rgb(50,64,81) |
hsl(213,24%,26%) |
#26303E |
rgb(38,48,62) |
hsl(215,24%,20%) |
#1A212B |
rgb(26,33,43) |
hsl(215,25%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4A5E78 |
rgb(74,94,120) |
hsl(214,24%,38%) |
#784D4A |
rgb(120,77,74) |
hsl(4,24%,38%) |
#75784A |
rgb(117,120,74) |
hsl(64,24%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4A5E78 |
rgb(74,94,120) |
hsl(214,24%,38%) |
#78634A |
rgb(120,99,74) |
hsl(33,24%,38%) |
#4A7578 |
rgb(74,117,120) |
hsl(184,24%,38%) |
#75784A |
rgb(117,120,74) |
hsl(64,24%,38%) |