HEX #4A5678 color — Blue Bayoux
The color #4A5678 is a dark shade and slightly desaturated.
Palette
4A5678 color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(224,24%,98%) |
#e9ebf1 |
rgb(233,235,241) |
hsl(224,24%,93%) |
#d9dde8 |
rgb(217,221,232) |
hsl(224,24%,88%) |
#c9cfde |
rgb(201,207,222) |
hsl(224,24%,83%) |
#b9c1d4 |
rgb(185,193,212) |
hsl(224,24%,78%) |
#aab2cb |
rgb(170,178,203) |
hsl(224,24%,73%) |
#9aa4c1 |
rgb(154,164,193) |
hsl(224,24%,68%) |
#8a96b7 |
rgb(138,150,183) |
hsl(224,24%,63%) |
#7a88ae |
rgb(122,136,174) |
hsl(224,24%,58%) |
#6a7aa4 |
rgb(106,122,164) |
hsl(224,24%,53%) |
#5d6d98 |
rgb(93,109,152) |
hsl(224,24%,48%) |
#536188 |
rgb(83,97,136) |
hsl(224,24%,43%) |
#4a5678 |
rgb(74,86,120) |
hsl(224,24%,38%) |
#404b68 |
rgb(64,75,104) |
hsl(224,24%,33%) |
#363f59 |
rgb(54,63,89) |
hsl(224,24%,28%) |
#2d3449 |
rgb(45,52,73) |
hsl(224,24%,23%) |
#232939 |
rgb(35,41,57) |
hsl(224,24%,18%) |
#191d29 |
rgb(25,29,41) |
hsl(224,24%,13%) |
#101219 |
rgb(16,18,25) |
hsl(224,24%,8%) |
#060709 |
rgb(6,7,9) |
hsl(224,24%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A7578 |
rgb(74,117,120) |
hsl(184,24%,38%) |
#4A5678 |
rgb(74,86,120) |
hsl(224,24%,38%) |
#5C4A78 |
rgb(92,74,120) |
hsl(263,24%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#55638B |
rgb(85,99,139) |
hsl(224,24%,44%) |
#4A5678 |
rgb(74,86,120) |
hsl(224,24%,38%) |
#3E4764 |
rgb(62,71,100) |
hsl(226,23%,32%) |
#323B51 |
rgb(50,59,81) |
hsl(223,24%,26%) |
#262E3E |
rgb(38,46,62) |
hsl(220,24%,20%) |
#1A1F2B |
rgb(26,31,43) |
hsl(222,25%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4A5678 |
rgb(74,86,120) |
hsl(224,24%,38%) |
#78544A |
rgb(120,84,74) |
hsl(13,24%,38%) |
#6D784A |
rgb(109,120,74) |
hsl(74,24%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4A5678 |
rgb(74,86,120) |
hsl(224,24%,38%) |
#786B4A |
rgb(120,107,74) |
hsl(43,24%,38%) |
#4A6E78 |
rgb(74,110,120) |
hsl(193,24%,38%) |
#6D784A |
rgb(109,120,74) |
hsl(74,24%,38%) |