HEX #485156 color — Mako
The color #485156 is a dark shade and desaturated.
Palette
485156 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f6 |
rgb(244,245,246) |
hsl(201,9%,96%) |
| #e6e9ea |
rgb(230,233,234) |
hsl(201,9%,91%) |
| #d8dcdf |
rgb(216,220,223) |
hsl(201,9%,86%) |
| #cad0d3 |
rgb(202,208,211) |
hsl(201,9%,81%) |
| #bcc3c7 |
rgb(188,195,199) |
hsl(201,9%,76%) |
| #aeb7bc |
rgb(174,183,188) |
hsl(201,9%,71%) |
| #a0abb0 |
rgb(160,171,176) |
hsl(201,9%,66%) |
| #939ea5 |
rgb(147,158,165) |
hsl(201,9%,61%) |
| #859299 |
rgb(133,146,153) |
hsl(201,9%,56%) |
| #77858d |
rgb(119,133,141) |
hsl(201,9%,51%) |
| #6b7880 |
rgb(107,120,128) |
hsl(201,9%,46%) |
| #5f6b72 |
rgb(95,107,114) |
hsl(201,9%,41%) |
| #545e64 |
rgb(84,94,100) |
hsl(201,9%,36%) |
| #485156 |
rgb(72,81,86) |
hsl(201,9%,31%) |
| #3c4448 |
rgb(60,68,72) |
hsl(201,9%,26%) |
| #31373a |
rgb(49,55,58) |
hsl(201,9%,21%) |
| #252a2c |
rgb(37,42,44) |
hsl(201,9%,16%) |
| #1a1d1f |
rgb(26,29,31) |
hsl(201,9%,11%) |
| #0e1011 |
rgb(14,16,17) |
hsl(201,9%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(201,9%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #485751 |
rgb(72,87,81) |
hsl(156,9%,31%) |
| #485156 |
rgb(72,81,86) |
hsl(201,9%,31%) |
| #484756 |
rgb(72,71,86) |
hsl(244,10%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #535E63 |
rgb(83,94,99) |
hsl(199,9%,36%) |
| #485156 |
rgb(72,81,86) |
hsl(201,9%,31%) |
| #3C4548 |
rgb(60,69,72) |
hsl(195,9%,26%) |
| #30383A |
rgb(48,56,58) |
hsl(192,9%,21%) |
| #252B2C |
rgb(37,43,44) |
hsl(189,9%,16%) |
| #191C1E |
rgb(25,28,30) |
hsl(204,9%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #485156 |
rgb(72,81,86) |
hsl(201,9%,31%) |
| #56474A |
rgb(86,71,74) |
hsl(348,10%,31%) |
| #565448 |
rgb(86,84,72) |
hsl(51,9%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #485156 |
rgb(72,81,86) |
hsl(201,9%,31%) |
| #564D48 |
rgb(86,77,72) |
hsl(21,9%,31%) |
| #485754 |
rgb(72,87,84) |
hsl(168,9%,31%) |
| #565448 |
rgb(86,84,72) |
hsl(51,9%,31%) |
