HEX #4B5A77 color — Blue Bayoux
The color #4b5a77 is a dark shade and slightly desaturated.
Palette
4b5a77 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(220,23%,98%) |
#e9ecf1 |
rgb(233,236,241) |
hsl(220,23%,93%) |
#d9dee7 |
rgb(217,222,231) |
hsl(220,23%,88%) |
#cad0de |
rgb(202,208,222) |
hsl(220,23%,83%) |
#bac3d4 |
rgb(186,195,212) |
hsl(220,23%,78%) |
#aab5ca |
rgb(170,181,202) |
hsl(220,23%,73%) |
#9ba7c0 |
rgb(155,167,192) |
hsl(220,23%,68%) |
#8b99b6 |
rgb(139,153,182) |
hsl(220,23%,63%) |
#7b8cad |
rgb(123,140,173) |
hsl(220,23%,58%) |
#6c7ea3 |
rgb(108,126,163) |
hsl(220,23%,53%) |
#5e7197 |
rgb(94,113,151) |
hsl(220,23%,48%) |
#546587 |
rgb(84,101,135) |
hsl(220,23%,43%) |
#4b5977 |
rgb(75,89,119) |
hsl(220,23%,38%) |
#414e68 |
rgb(65,78,104) |
hsl(220,23%,33%) |
#374258 |
rgb(55,66,88) |
hsl(220,23%,28%) |
#2d3648 |
rgb(45,54,72) |
hsl(220,23%,23%) |
#232a38 |
rgb(35,42,56) |
hsl(220,23%,18%) |
#1a1f29 |
rgb(26,31,41) |
hsl(220,23%,13%) |
#101319 |
rgb(16,19,25) |
hsl(220,23%,8%) |
#060709 |
rgb(6,7,9) |
hsl(220,23%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4B7876 |
rgb(75,120,118) |
hsl(177,23%,38%) |
#4B5A77 |
rgb(75,90,119) |
hsl(220,23%,38%) |
#594A77 |
rgb(89,74,119) |
hsl(260,23%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#57698A |
rgb(87,105,138) |
hsl(219,23%,44%) |
#4B5A77 |
rgb(75,90,119) |
hsl(220,23%,38%) |
#3F4D63 |
rgb(63,77,99) |
hsl(217,22%,32%) |
#333D50 |
rgb(51,61,80) |
hsl(219,22%,26%) |
#272E3D |
rgb(39,46,61) |
hsl(221,22%,20%) |
#1B212A |
rgb(27,33,42) |
hsl(216,22%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4B5A77 |
rgb(75,90,119) |
hsl(220,23%,38%) |
#77524B |
rgb(119,82,75) |
hsl(10,23%,38%) |
#70784B |
rgb(112,120,75) |
hsl(71,23%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4B5A77 |
rgb(75,90,119) |
hsl(220,23%,38%) |
#77694B |
rgb(119,105,75) |
hsl(41,23%,38%) |
#4B7077 |
rgb(75,112,119) |
hsl(190,23%,38%) |
#70784B |
rgb(112,120,75) |
hsl(71,23%,38%) |