HEX #564A5A color — Mortar
The color #564A5A is a dark shade and desaturated.
Palette
564A5A color palette from light to dark
| HEX |
RGB |
HSL |
| #f8f7f8 |
rgb(248,247,248) |
hsl(285,10%,97%) |
| #ece9ed |
rgb(236,233,237) |
hsl(285,10%,92%) |
| #e0dbe1 |
rgb(224,219,225) |
hsl(285,10%,87%) |
| #d3cdd6 |
rgb(211,205,214) |
hsl(285,10%,82%) |
| #c7beca |
rgb(199,190,202) |
hsl(285,10%,77%) |
| #bbb0bf |
rgb(187,176,191) |
hsl(285,10%,72%) |
| #afa2b3 |
rgb(175,162,179) |
hsl(285,10%,67%) |
| #a394a8 |
rgb(163,148,168) |
hsl(285,10%,62%) |
| #97869c |
rgb(151,134,156) |
hsl(285,10%,57%) |
| #8b7891 |
rgb(139,120,145) |
hsl(285,10%,52%) |
| #7e6c84 |
rgb(126,108,132) |
hsl(285,10%,47%) |
| #706076 |
rgb(112,96,118) |
hsl(285,10%,42%) |
| #635568 |
rgb(99,85,104) |
hsl(285,10%,37%) |
| #56495a |
rgb(86,73,90) |
hsl(285,10%,32%) |
| #483e4c |
rgb(72,62,76) |
hsl(285,10%,27%) |
| #3b323e |
rgb(59,50,62) |
hsl(285,10%,22%) |
| #2e2730 |
rgb(46,39,48) |
hsl(285,10%,17%) |
| #201c22 |
rgb(32,28,34) |
hsl(285,10%,12%) |
| #131014 |
rgb(19,16,20) |
hsl(285,10%,7%) |
| #050506 |
rgb(5,5,6) |
hsl(285,10%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #4B4A5A |
rgb(75,74,90) |
hsl(244,10%,32%) |
| #564A5A |
rgb(86,74,90) |
hsl(285,10%,32%) |
| #5A4A53 |
rgb(90,74,83) |
hsl(326,10%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #635768 |
rgb(99,87,104) |
hsl(282,9%,37%) |
| #564A5A |
rgb(86,74,90) |
hsl(285,10%,32%) |
| #483D4B |
rgb(72,61,75) |
hsl(287,10%,27%) |
| #3A333D |
rgb(58,51,61) |
hsl(282,9%,22%) |
| #2C262E |
rgb(44,38,46) |
hsl(285,10%,16%) |
| #1E1A20 |
rgb(30,26,32) |
hsl(280,10%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #564A5A |
rgb(86,74,90) |
hsl(285,10%,32%) |
| #56594A |
rgb(86,89,74) |
hsl(72,9%,32%) |
| #4A594E |
rgb(74,89,78) |
hsl(136,9%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #564A5A |
rgb(86,74,90) |
hsl(285,10%,32%) |
| #4E594A |
rgb(78,89,74) |
hsl(104,9%,32%) |
| #4E4A5A |
rgb(78,74,90) |
hsl(255,10%,32%) |
| #4A594E |
rgb(74,89,78) |
hsl(136,9%,32%) |
