HEX #4A5C72 color — Blue Bayoux
The color #4A5C72 is a dark shade and slightly desaturated.
Palette
4A5C72 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(213,21%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(213,21%,92%) |
#d7dde5 |
rgb(215,221,229) |
hsl(213,21%,87%) |
#c7d0db |
rgb(199,208,219) |
hsl(213,21%,82%) |
#b8c3d1 |
rgb(184,195,209) |
hsl(213,21%,77%) |
#a9b6c7 |
rgb(169,182,199) |
hsl(213,21%,72%) |
#99a9bd |
rgb(153,169,189) |
hsl(213,21%,67%) |
#8a9cb2 |
rgb(138,156,178) |
hsl(213,21%,62%) |
#7a8fa8 |
rgb(122,143,168) |
hsl(213,21%,57%) |
#6b829e |
rgb(107,130,158) |
hsl(213,21%,52%) |
#5f7591 |
rgb(95,117,145) |
hsl(213,21%,47%) |
#556982 |
rgb(85,105,130) |
hsl(213,21%,42%) |
#4b5c72 |
rgb(75,92,114) |
hsl(213,21%,37%) |
#405063 |
rgb(64,80,99) |
hsl(213,21%,32%) |
#364353 |
rgb(54,67,83) |
hsl(213,21%,27%) |
#2c3744 |
rgb(44,55,68) |
hsl(213,21%,22%) |
#222a34 |
rgb(34,42,52) |
hsl(213,21%,17%) |
#181e25 |
rgb(24,30,37) |
hsl(213,21%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(213,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(213,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A736D |
rgb(74,115,109) |
hsl(171,22%,37%) |
#4A5C72 |
rgb(74,92,114) |
hsl(213,21%,37%) |
#524A72 |
rgb(82,74,114) |
hsl(252,21%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#556B84 |
rgb(85,107,132) |
hsl(212,22%,43%) |
#4A5C72 |
rgb(74,92,114) |
hsl(213,21%,37%) |
#3E4D5F |
rgb(62,77,95) |
hsl(213,21%,31%) |
#32404D |
rgb(50,64,77) |
hsl(209,21%,25%) |
#26303B |
rgb(38,48,59) |
hsl(211,22%,19%) |
#1A2129 |
rgb(26,33,41) |
hsl(212,22%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#4A5C72 |
rgb(74,92,114) |
hsl(213,21%,37%) |
#724D4A |
rgb(114,77,74) |
hsl(4,21%,37%) |
#70734A |
rgb(112,115,74) |
hsl(64,22%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4A5C72 |
rgb(74,92,114) |
hsl(213,21%,37%) |
#72614A |
rgb(114,97,74) |
hsl(35,21%,37%) |
#4A7072 |
rgb(74,112,114) |
hsl(183,21%,37%) |
#70734A |
rgb(112,115,74) |
hsl(64,22%,37%) |