HEX #4B5A72 color — Blue Bayoux
The color #4b5a72 is a dark shade and slightly desaturated.
Palette
4b5a72 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(217,21%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(217,21%,92%) |
#d7dce5 |
rgb(215,220,229) |
hsl(217,21%,87%) |
#c7cfdb |
rgb(199,207,219) |
hsl(217,21%,82%) |
#b8c1d1 |
rgb(184,193,209) |
hsl(217,21%,77%) |
#a9b4c7 |
rgb(169,180,199) |
hsl(217,21%,72%) |
#99a7bd |
rgb(153,167,189) |
hsl(217,21%,67%) |
#8a99b2 |
rgb(138,153,178) |
hsl(217,21%,62%) |
#7a8ca8 |
rgb(122,140,168) |
hsl(217,21%,57%) |
#6b7f9e |
rgb(107,127,158) |
hsl(217,21%,52%) |
#5f7291 |
rgb(95,114,145) |
hsl(217,21%,47%) |
#556682 |
rgb(85,102,130) |
hsl(217,21%,42%) |
#4b5a72 |
rgb(75,90,114) |
hsl(217,21%,37%) |
#404e63 |
rgb(64,78,99) |
hsl(217,21%,32%) |
#364153 |
rgb(54,65,83) |
hsl(217,21%,27%) |
#2c3544 |
rgb(44,53,68) |
hsl(217,21%,22%) |
#222934 |
rgb(34,41,52) |
hsl(217,21%,17%) |
#181d25 |
rgb(24,29,37) |
hsl(217,21%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(217,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(217,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4B7370 |
rgb(75,115,112) |
hsl(176,21%,37%) |
#4B5A72 |
rgb(75,90,114) |
hsl(217,21%,37%) |
#564A72 |
rgb(86,74,114) |
hsl(258,21%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#576984 |
rgb(87,105,132) |
hsl(216,21%,43%) |
#4B5A72 |
rgb(75,90,114) |
hsl(217,21%,37%) |
#3F4D5F |
rgb(63,77,95) |
hsl(214,20%,31%) |
#333D4D |
rgb(51,61,77) |
hsl(217,20%,25%) |
#272E3B |
rgb(39,46,59) |
hsl(219,20%,19%) |
#1B2129 |
rgb(27,33,41) |
hsl(214,21%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#4B5A72 |
rgb(75,90,114) |
hsl(217,21%,37%) |
#724F4B |
rgb(114,79,75) |
hsl(6,21%,37%) |
#6D734B |
rgb(109,115,75) |
hsl(69,21%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4B5A72 |
rgb(75,90,114) |
hsl(217,21%,37%) |
#72634B |
rgb(114,99,75) |
hsl(37,21%,37%) |
#4B6E72 |
rgb(75,110,114) |
hsl(186,21%,37%) |
#6D734B |
rgb(109,115,75) |
hsl(69,21%,37%) |