HEX #3C4348 color — Mako
The color #3c4348 is a dark shade and desaturated.
Palette
3c4348 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f6 |
rgb(244,245,246) |
hsl(205,9%,96%) |
| #e6e8ea |
rgb(230,232,234) |
hsl(205,9%,91%) |
| #d8dcdf |
rgb(216,220,223) |
hsl(205,9%,86%) |
| #cacfd3 |
rgb(202,207,211) |
hsl(205,9%,81%) |
| #bcc3c7 |
rgb(188,195,199) |
hsl(205,9%,76%) |
| #aeb6bc |
rgb(174,182,188) |
hsl(205,9%,71%) |
| #a0aab0 |
rgb(160,170,176) |
hsl(205,9%,66%) |
| #939da5 |
rgb(147,157,165) |
hsl(205,9%,61%) |
| #859099 |
rgb(133,144,153) |
hsl(205,9%,56%) |
| #77848d |
rgb(119,132,141) |
hsl(205,9%,51%) |
| #6b7780 |
rgb(107,119,128) |
hsl(205,9%,46%) |
| #5f6a72 |
rgb(95,106,114) |
hsl(205,9%,41%) |
| #545d64 |
rgb(84,93,100) |
hsl(205,9%,36%) |
| #485056 |
rgb(72,80,86) |
hsl(205,9%,31%) |
| #3c4348 |
rgb(60,67,72) |
hsl(205,9%,26%) |
| #31363a |
rgb(49,54,58) |
hsl(205,9%,21%) |
| #25292c |
rgb(37,41,44) |
hsl(205,9%,16%) |
| #1a1c1f |
rgb(26,28,31) |
hsl(205,9%,11%) |
| #0e1011 |
rgb(14,16,17) |
hsl(205,9%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(205,9%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3C4745 |
rgb(60,71,69) |
hsl(169,8%,26%) |
| #3C4348 |
rgb(60,67,72) |
hsl(205,9%,26%) |
| #3D3D48 |
rgb(61,61,72) |
hsl(240,8%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #454D53 |
rgb(69,77,83) |
hsl(206,9%,30%) |
| #3C4348 |
rgb(60,67,72) |
hsl(205,9%,26%) |
| #32383C |
rgb(50,56,60) |
hsl(204,9%,22%) |
| #282E30 |
rgb(40,46,48) |
hsl(195,9%,17%) |
| #1F2425 |
rgb(31,36,37) |
hsl(190,9%,13%) |
| #151719 |
rgb(21,23,25) |
hsl(210,9%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3C4348 |
rgb(60,67,72) |
hsl(205,9%,26%) |
| #483D3D |
rgb(72,61,61) |
hsl(360,8%,26%) |
| #48473C |
rgb(72,71,60) |
hsl(55,9%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3C4348 |
rgb(60,67,72) |
hsl(205,9%,26%) |
| #48403C |
rgb(72,64,60) |
hsl(20,9%,26%) |
| #3C4747 |
rgb(60,71,71) |
hsl(180,8%,26%) |
| #48473C |
rgb(72,71,60) |
hsl(55,9%,26%) |
