HEX #4A6C78 color — Blue Bayoux
The color #4a6c78 is a dark shade and slightly desaturated.
Palette
4a6c78 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(196,24%,98%) |
#e9eff1 |
rgb(233,239,241) |
hsl(196,24%,93%) |
#d9e4e8 |
rgb(217,228,232) |
hsl(196,24%,88%) |
#c9d9de |
rgb(201,217,222) |
hsl(196,24%,83%) |
#b9cdd4 |
rgb(185,205,212) |
hsl(196,24%,78%) |
#aac2cb |
rgb(170,194,203) |
hsl(196,24%,73%) |
#9ab7c1 |
rgb(154,183,193) |
hsl(196,24%,68%) |
#8aabb7 |
rgb(138,171,183) |
hsl(196,24%,63%) |
#7aa0ae |
rgb(122,160,174) |
hsl(196,24%,58%) |
#6a95a4 |
rgb(106,149,164) |
hsl(196,24%,53%) |
#5d8898 |
rgb(93,136,152) |
hsl(196,24%,48%) |
#537a88 |
rgb(83,122,136) |
hsl(196,24%,43%) |
#4a6c78 |
rgb(74,108,120) |
hsl(196,24%,38%) |
#405e68 |
rgb(64,94,104) |
hsl(196,24%,33%) |
#364f59 |
rgb(54,79,89) |
hsl(196,24%,28%) |
#2d4149 |
rgb(45,65,73) |
hsl(196,24%,23%) |
#233339 |
rgb(35,51,57) |
hsl(196,24%,18%) |
#192529 |
rgb(25,37,41) |
hsl(196,24%,13%) |
#101719 |
rgb(16,23,25) |
hsl(196,24%,8%) |
#060909 |
rgb(6,9,9) |
hsl(196,24%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A7865 |
rgb(74,120,101) |
hsl(155,24%,38%) |
#4A6C78 |
rgb(74,108,120) |
hsl(196,24%,38%) |
#4A4D78 |
rgb(74,77,120) |
hsl(236,24%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#557D8B |
rgb(85,125,139) |
hsl(196,24%,44%) |
#4A6C78 |
rgb(74,108,120) |
hsl(196,24%,38%) |
#3E5C64 |
rgb(62,92,100) |
hsl(193,23%,32%) |
#324A51 |
rgb(50,74,81) |
hsl(194,24%,26%) |
#26383E |
rgb(38,56,62) |
hsl(195,24%,20%) |
#1A262B |
rgb(26,38,43) |
hsl(198,25%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4A6C78 |
rgb(74,108,120) |
hsl(196,24%,38%) |
#784A55 |
rgb(120,74,85) |
hsl(346,24%,38%) |
#786E4A |
rgb(120,110,74) |
hsl(47,24%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4A6C78 |
rgb(74,108,120) |
hsl(196,24%,38%) |
#78574A |
rgb(120,87,74) |
hsl(17,24%,38%) |
#4A786D |
rgb(74,120,109) |
hsl(166,24%,38%) |
#786E4A |
rgb(120,110,74) |
hsl(47,24%,38%) |