HEX #475057 color — Mako
The color #475057 is a dark shade and desaturated.
Palette
475057 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f6 |
rgb(244,245,246) |
hsl(206,10%,96%) |
| #e6e8ea |
rgb(230,232,234) |
hsl(206,10%,91%) |
| #d8dcdf |
rgb(216,220,223) |
hsl(206,10%,86%) |
| #cacfd3 |
rgb(202,207,211) |
hsl(206,10%,81%) |
| #bcc3c8 |
rgb(188,195,200) |
hsl(206,10%,76%) |
| #aeb6bc |
rgb(174,182,188) |
hsl(206,10%,71%) |
| #a0a9b1 |
rgb(160,169,177) |
hsl(206,10%,66%) |
| #929da5 |
rgb(146,157,165) |
hsl(206,10%,61%) |
| #84909a |
rgb(132,144,154) |
hsl(206,10%,56%) |
| #76848f |
rgb(118,132,143) |
hsl(206,10%,51%) |
| #6a7781 |
rgb(106,119,129) |
hsl(206,10%,46%) |
| #5e6a73 |
rgb(94,106,115) |
hsl(206,10%,41%) |
| #535d65 |
rgb(83,93,101) |
hsl(206,10%,36%) |
| #475057 |
rgb(71,80,87) |
hsl(206,10%,31%) |
| #3c4349 |
rgb(60,67,73) |
hsl(206,10%,26%) |
| #30363b |
rgb(48,54,59) |
hsl(206,10%,21%) |
| #25292d |
rgb(37,41,45) |
hsl(206,10%,16%) |
| #191c1f |
rgb(25,28,31) |
hsl(206,10%,11%) |
| #0e1011 |
rgb(14,16,17) |
hsl(206,10%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(206,10%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #475753 |
rgb(71,87,83) |
hsl(165,10%,31%) |
| #475057 |
rgb(71,80,87) |
hsl(206,10%,31%) |
| #484757 |
rgb(72,71,87) |
hsl(244,10%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #525C64 |
rgb(82,92,100) |
hsl(207,10%,36%) |
| #475057 |
rgb(71,80,87) |
hsl(206,10%,31%) |
| #3B4249 |
rgb(59,66,73) |
hsl(210,11%,26%) |
| #30363B |
rgb(48,54,59) |
hsl(207,10%,21%) |
| #24292D |
rgb(36,41,45) |
hsl(207,11%,16%) |
| #191C1F |
rgb(25,28,31) |
hsl(210,11%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #475057 |
rgb(71,80,87) |
hsl(206,10%,31%) |
| #574748 |
rgb(87,71,72) |
hsl(356,10%,31%) |
| #575747 |
rgb(87,87,71) |
hsl(60,10%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #475057 |
rgb(71,80,87) |
hsl(206,10%,31%) |
| #574F47 |
rgb(87,79,71) |
hsl(30,10%,31%) |
| #475756 |
rgb(71,87,86) |
hsl(176,10%,31%) |
| #575747 |
rgb(87,87,71) |
hsl(60,10%,31%) |
