HEX #3C4045 color — Mako
The color #3C4045 is a dark shade and desaturated.
Palette
3C4045 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f3 |
rgb(241,242,243) |
hsl(213,7%,95%) |
| #e4e5e7 |
rgb(228,229,231) |
hsl(213,7%,90%) |
| #d6d8db |
rgb(214,216,219) |
hsl(213,7%,85%) |
| #c8ccd0 |
rgb(200,204,208) |
hsl(213,7%,80%) |
| #bbbfc4 |
rgb(187,191,196) |
hsl(213,7%,75%) |
| #adb2b8 |
rgb(173,178,184) |
hsl(213,7%,70%) |
| #a0a5ac |
rgb(160,165,172) |
hsl(213,7%,65%) |
| #9298a0 |
rgb(146,152,160) |
hsl(213,7%,60%) |
| #848b94 |
rgb(132,139,148) |
hsl(213,7%,55%) |
| #777f88 |
rgb(119,127,136) |
hsl(213,7%,50%) |
| #6b727b |
rgb(107,114,123) |
hsl(213,7%,45%) |
| #5f656d |
rgb(95,101,109) |
hsl(213,7%,40%) |
| #53595f |
rgb(83,89,95) |
hsl(213,7%,35%) |
| #474c52 |
rgb(71,76,82) |
hsl(213,7%,30%) |
| #3b3f44 |
rgb(59,63,68) |
hsl(213,7%,25%) |
| #2f3337 |
rgb(47,51,55) |
hsl(213,7%,20%) |
| #242629 |
rgb(36,38,41) |
hsl(213,7%,15%) |
| #18191b |
rgb(24,25,27) |
hsl(213,7%,10%) |
| #0c0d0e |
rgb(12,13,14) |
hsl(213,7%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3C4544 |
rgb(60,69,68) |
hsl(173,7%,25%) |
| #3C4045 |
rgb(60,64,69) |
hsl(213,7%,25%) |
| #3E3D45 |
rgb(62,61,69) |
hsl(248,6%,25%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #454A50 |
rgb(69,74,80) |
hsl(213,7%,29%) |
| #3C4045 |
rgb(60,64,69) |
hsl(213,7%,25%) |
| #323639 |
rgb(50,54,57) |
hsl(206,7%,21%) |
| #282B2E |
rgb(40,43,46) |
hsl(210,7%,17%) |
| #1F2123 |
rgb(31,33,35) |
hsl(210,6%,13%) |
| #151718 |
rgb(21,23,24) |
hsl(200,7%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3C4045 |
rgb(60,64,69) |
hsl(213,7%,25%) |
| #453D3C |
rgb(69,61,60) |
hsl(7,7%,25%) |
| #44453C |
rgb(68,69,60) |
hsl(67,7%,25%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3C4045 |
rgb(60,64,69) |
hsl(213,7%,25%) |
| #45403C |
rgb(69,64,60) |
hsl(27,7%,25%) |
| #3C4545 |
rgb(60,69,69) |
hsl(180,7%,25%) |
| #44453C |
rgb(68,69,60) |
hsl(67,7%,25%) |
