HEX #474F55 color — Mako
The color #474F55 is a dark shade and desaturated.
Palette
474F55 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f6 |
rgb(244,245,246) |
hsl(206,9%,96%) |
| #e6e8ea |
rgb(230,232,234) |
hsl(206,9%,91%) |
| #d8dcdf |
rgb(216,220,223) |
hsl(206,9%,86%) |
| #cacfd3 |
rgb(202,207,211) |
hsl(206,9%,81%) |
| #bcc3c7 |
rgb(188,195,199) |
hsl(206,9%,76%) |
| #aeb6bc |
rgb(174,182,188) |
hsl(206,9%,71%) |
| #a0a9b0 |
rgb(160,169,176) |
hsl(206,9%,66%) |
| #939da5 |
rgb(147,157,165) |
hsl(206,9%,61%) |
| #859099 |
rgb(133,144,153) |
hsl(206,9%,56%) |
| #77848d |
rgb(119,132,141) |
hsl(206,9%,51%) |
| #6b7780 |
rgb(107,119,128) |
hsl(206,9%,46%) |
| #5f6a72 |
rgb(95,106,114) |
hsl(206,9%,41%) |
| #545d64 |
rgb(84,93,100) |
hsl(206,9%,36%) |
| #485056 |
rgb(72,80,86) |
hsl(206,9%,31%) |
| #3c4348 |
rgb(60,67,72) |
hsl(206,9%,26%) |
| #31363a |
rgb(49,54,58) |
hsl(206,9%,21%) |
| #25292c |
rgb(37,41,44) |
hsl(206,9%,16%) |
| #1a1c1f |
rgb(26,28,31) |
hsl(206,9%,11%) |
| #0e0f11 |
rgb(14,15,17) |
hsl(206,9%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(206,9%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #475451 |
rgb(71,84,81) |
hsl(166,8%,30%) |
| #474F55 |
rgb(71,79,85) |
hsl(206,9%,31%) |
| #484755 |
rgb(72,71,85) |
hsl(244,9%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #525C62 |
rgb(82,92,98) |
hsl(203,9%,35%) |
| #474F55 |
rgb(71,79,85) |
hsl(206,9%,31%) |
| #3B4247 |
rgb(59,66,71) |
hsl(205,9%,25%) |
| #303639 |
rgb(48,54,57) |
hsl(200,9%,21%) |
| #24292C |
rgb(36,41,44) |
hsl(203,10%,16%) |
| #191C1E |
rgb(25,28,30) |
hsl(204,9%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #474F55 |
rgb(71,79,85) |
hsl(206,9%,31%) |
| #554748 |
rgb(85,71,72) |
hsl(356,9%,31%) |
| #555447 |
rgb(85,84,71) |
hsl(56,9%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #474F55 |
rgb(71,79,85) |
hsl(206,9%,31%) |
| #554D47 |
rgb(85,77,71) |
hsl(26,9%,31%) |
| #475454 |
rgb(71,84,84) |
hsl(180,8%,30%) |
| #555447 |
rgb(85,84,71) |
hsl(56,9%,31%) |
