HEX #4B5E78 color — Blue Bayoux
The color #4B5E78 is a dark shade and slightly desaturated.
Palette
4B5E78 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(215,23%,98%) |
#e9ecf1 |
rgb(233,236,241) |
hsl(215,23%,93%) |
#d9dfe7 |
rgb(217,223,231) |
hsl(215,23%,88%) |
#cad2de |
rgb(202,210,222) |
hsl(215,23%,83%) |
#bac5d4 |
rgb(186,197,212) |
hsl(215,23%,78%) |
#aab8ca |
rgb(170,184,202) |
hsl(215,23%,73%) |
#9baac0 |
rgb(155,170,192) |
hsl(215,23%,68%) |
#8b9db6 |
rgb(139,157,182) |
hsl(215,23%,63%) |
#7b90ad |
rgb(123,144,173) |
hsl(215,23%,58%) |
#6c83a3 |
rgb(108,131,163) |
hsl(215,23%,53%) |
#5e7697 |
rgb(94,118,151) |
hsl(215,23%,48%) |
#546987 |
rgb(84,105,135) |
hsl(215,23%,43%) |
#4b5d77 |
rgb(75,93,119) |
hsl(215,23%,38%) |
#415168 |
rgb(65,81,104) |
hsl(215,23%,33%) |
#374558 |
rgb(55,69,88) |
hsl(215,23%,28%) |
#2d3848 |
rgb(45,56,72) |
hsl(215,23%,23%) |
#232c38 |
rgb(35,44,56) |
hsl(215,23%,18%) |
#1a2029 |
rgb(26,32,41) |
hsl(215,23%,13%) |
#101419 |
rgb(16,20,25) |
hsl(215,23%,8%) |
#060709 |
rgb(6,7,9) |
hsl(215,23%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4B7874 |
rgb(75,120,116) |
hsl(175,23%,38%) |
#4B5E78 |
rgb(75,94,120) |
hsl(215,23%,38%) |
#564A78 |
rgb(86,74,120) |
hsl(256,24%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#576E8B |
rgb(87,110,139) |
hsl(213,23%,44%) |
#4B5E78 |
rgb(75,94,120) |
hsl(215,23%,38%) |
#3F4F64 |
rgb(63,79,100) |
hsl(214,23%,32%) |
#334051 |
rgb(51,64,81) |
hsl(214,23%,26%) |
#27303E |
rgb(39,48,62) |
hsl(217,23%,20%) |
#1B212B |
rgb(27,33,43) |
hsl(218,23%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4B5E78 |
rgb(75,94,120) |
hsl(215,23%,38%) |
#784F4B |
rgb(120,79,75) |
hsl(5,23%,38%) |
#74784B |
rgb(116,120,75) |
hsl(65,23%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4B5E78 |
rgb(75,94,120) |
hsl(215,23%,38%) |
#78664B |
rgb(120,102,75) |
hsl(36,23%,38%) |
#4B7578 |
rgb(75,117,120) |
hsl(184,23%,38%) |
#74784B |
rgb(116,120,75) |
hsl(65,23%,38%) |