HEX #3D424B color — Mako
The color #3D424B is a dark shade and desaturated.
Palette
3D424B color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f7f8 |
rgb(247,247,248) |
hsl(219,10%,97%) |
| #e9eaed |
rgb(233,234,237) |
hsl(219,10%,92%) |
| #dbdde1 |
rgb(219,221,225) |
hsl(219,10%,87%) |
| #cdd0d6 |
rgb(205,208,214) |
hsl(219,10%,82%) |
| #bec3ca |
rgb(190,195,202) |
hsl(219,10%,77%) |
| #b0b5bf |
rgb(176,181,191) |
hsl(219,10%,72%) |
| #a2a8b3 |
rgb(162,168,179) |
hsl(219,10%,67%) |
| #949ba8 |
rgb(148,155,168) |
hsl(219,10%,62%) |
| #868e9c |
rgb(134,142,156) |
hsl(219,10%,57%) |
| #788191 |
rgb(120,129,145) |
hsl(219,10%,52%) |
| #6c7484 |
rgb(108,116,132) |
hsl(219,10%,47%) |
| #606876 |
rgb(96,104,118) |
hsl(219,10%,42%) |
| #555c68 |
rgb(85,92,104) |
hsl(219,10%,37%) |
| #494f5a |
rgb(73,79,90) |
hsl(219,10%,32%) |
| #3e434c |
rgb(62,67,76) |
hsl(219,10%,27%) |
| #32363e |
rgb(50,54,62) |
hsl(219,10%,22%) |
| #272a30 |
rgb(39,42,48) |
hsl(219,10%,17%) |
| #1c1e22 |
rgb(28,30,34) |
hsl(219,10%,12%) |
| #101114 |
rgb(16,17,20) |
hsl(219,10%,7%) |
| #050506 |
rgb(5,5,6) |
hsl(219,10%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3D4A4A |
rgb(61,74,74) |
hsl(180,10%,26%) |
| #3D424B |
rgb(61,66,75) |
hsl(219,10%,27%) |
| #413D4B |
rgb(65,61,75) |
hsl(257,10%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #464D57 |
rgb(70,77,87) |
hsl(215,11%,31%) |
| #3D424B |
rgb(61,66,75) |
hsl(219,10%,27%) |
| #33383F |
rgb(51,56,63) |
hsl(215,11%,22%) |
| #292E33 |
rgb(41,46,51) |
hsl(210,11%,18%) |
| #1F2127 |
rgb(31,33,39) |
hsl(225,11%,14%) |
| #15171B |
rgb(21,23,27) |
hsl(220,13%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3D424B |
rgb(61,66,75) |
hsl(219,10%,27%) |
| #4B403D |
rgb(75,64,61) |
hsl(13,10%,27%) |
| #494A3D |
rgb(73,74,61) |
hsl(65,10%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3D424B |
rgb(61,66,75) |
hsl(219,10%,27%) |
| #4B453D |
rgb(75,69,61) |
hsl(34,10%,27%) |
| #3D4A4B |
rgb(61,74,75) |
hsl(184,10%,27%) |
| #494A3D |
rgb(73,74,61) |
hsl(65,10%,26%) |
