HEX #484F56 color — Mako
The color #484F56 is a dark shade and desaturated.
Palette
484F56 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f6 |
rgb(244,245,246) |
hsl(210,9%,96%) |
| #e6e8ea |
rgb(230,232,234) |
hsl(210,9%,91%) |
| #d8dbdf |
rgb(216,219,223) |
hsl(210,9%,86%) |
| #cacfd3 |
rgb(202,207,211) |
hsl(210,9%,81%) |
| #bcc2c7 |
rgb(188,194,199) |
hsl(210,9%,76%) |
| #aeb5bc |
rgb(174,181,188) |
hsl(210,9%,71%) |
| #a0a8b0 |
rgb(160,168,176) |
hsl(210,9%,66%) |
| #939ca5 |
rgb(147,156,165) |
hsl(210,9%,61%) |
| #858f99 |
rgb(133,143,153) |
hsl(210,9%,56%) |
| #77828d |
rgb(119,130,141) |
hsl(210,9%,51%) |
| #6b7580 |
rgb(107,117,128) |
hsl(210,9%,46%) |
| #5f6972 |
rgb(95,105,114) |
hsl(210,9%,41%) |
| #545c64 |
rgb(84,92,100) |
hsl(210,9%,36%) |
| #484f56 |
rgb(72,79,86) |
hsl(210,9%,31%) |
| #3c4248 |
rgb(60,66,72) |
hsl(210,9%,26%) |
| #31363a |
rgb(49,54,58) |
hsl(210,9%,21%) |
| #25292c |
rgb(37,41,44) |
hsl(210,9%,16%) |
| #1a1c1f |
rgb(26,28,31) |
hsl(210,9%,11%) |
| #0e0f11 |
rgb(14,15,17) |
hsl(210,9%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(210,9%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #485753 |
rgb(72,87,83) |
hsl(164,9%,31%) |
| #484F56 |
rgb(72,79,86) |
hsl(210,9%,31%) |
| #4A4756 |
rgb(74,71,86) |
hsl(252,10%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #535C63 |
rgb(83,92,99) |
hsl(206,9%,36%) |
| #484F56 |
rgb(72,79,86) |
hsl(210,9%,31%) |
| #3C4248 |
rgb(60,66,72) |
hsl(210,9%,26%) |
| #30363A |
rgb(48,54,58) |
hsl(204,9%,21%) |
| #25292C |
rgb(37,41,44) |
hsl(206,9%,16%) |
| #191C1E |
rgb(25,28,30) |
hsl(204,9%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #484F56 |
rgb(72,79,86) |
hsl(210,9%,31%) |
| #564748 |
rgb(86,71,72) |
hsl(356,10%,31%) |
| #565748 |
rgb(86,87,72) |
hsl(64,9%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #484F56 |
rgb(72,79,86) |
hsl(210,9%,31%) |
| #564F48 |
rgb(86,79,72) |
hsl(30,9%,31%) |
| #485756 |
rgb(72,87,86) |
hsl(176,9%,31%) |
| #565748 |
rgb(86,87,72) |
hsl(64,9%,31%) |
