HEX #484F57 color — Mako
The color #484F57 is a dark shade and desaturated.
Palette
484F57 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f6 |
rgb(244,245,246) |
hsl(212,9%,96%) |
| #e6e8ea |
rgb(230,232,234) |
hsl(212,9%,91%) |
| #d8dbdf |
rgb(216,219,223) |
hsl(212,9%,86%) |
| #caced3 |
rgb(202,206,211) |
hsl(212,9%,81%) |
| #bcc1c7 |
rgb(188,193,199) |
hsl(212,9%,76%) |
| #aeb5bc |
rgb(174,181,188) |
hsl(212,9%,71%) |
| #a0a8b0 |
rgb(160,168,176) |
hsl(212,9%,66%) |
| #939ba5 |
rgb(147,155,165) |
hsl(212,9%,61%) |
| #858e99 |
rgb(133,142,153) |
hsl(212,9%,56%) |
| #77818d |
rgb(119,129,141) |
hsl(212,9%,51%) |
| #6b7580 |
rgb(107,117,128) |
hsl(212,9%,46%) |
| #5f6872 |
rgb(95,104,114) |
hsl(212,9%,41%) |
| #545b64 |
rgb(84,91,100) |
hsl(212,9%,36%) |
| #484f56 |
rgb(72,79,86) |
hsl(212,9%,31%) |
| #3c4248 |
rgb(60,66,72) |
hsl(212,9%,26%) |
| #31353a |
rgb(49,53,58) |
hsl(212,9%,21%) |
| #25292c |
rgb(37,41,44) |
hsl(212,9%,16%) |
| #1a1c1f |
rgb(26,28,31) |
hsl(212,9%,11%) |
| #0e0f11 |
rgb(14,15,17) |
hsl(212,9%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(212,9%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #485755 |
rgb(72,87,85) |
hsl(172,9%,31%) |
| #484F57 |
rgb(72,79,87) |
hsl(212,9%,31%) |
| #4B4757 |
rgb(75,71,87) |
hsl(255,10%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #535C64 |
rgb(83,92,100) |
hsl(208,9%,36%) |
| #484F57 |
rgb(72,79,87) |
hsl(212,9%,31%) |
| #3C4249 |
rgb(60,66,73) |
hsl(212,10%,26%) |
| #30363B |
rgb(48,54,59) |
hsl(207,10%,21%) |
| #25292D |
rgb(37,41,45) |
hsl(210,10%,16%) |
| #191C1F |
rgb(25,28,31) |
hsl(210,11%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #484F57 |
rgb(72,79,87) |
hsl(212,9%,31%) |
| #574748 |
rgb(87,71,72) |
hsl(356,10%,31%) |
| #565748 |
rgb(86,87,72) |
hsl(64,9%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #484F57 |
rgb(72,79,87) |
hsl(212,9%,31%) |
| #574F48 |
rgb(87,79,72) |
hsl(28,9%,31%) |
| #485757 |
rgb(72,87,87) |
hsl(180,9%,31%) |
| #565748 |
rgb(86,87,72) |
hsl(64,9%,31%) |
