HEX #424754 color — Mako
The color #424754 is a dark shade and slightly desaturated.
Palette
424754 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(223,12%,99%) |
| #eeeff2 |
rgb(238,239,242) |
hsl(223,12%,94%) |
| #e0e1e6 |
rgb(224,225,230) |
hsl(223,12%,89%) |
| #d1d4db |
rgb(209,212,219) |
hsl(223,12%,84%) |
| #c3c7d0 |
rgb(195,199,208) |
hsl(223,12%,79%) |
| #b5b9c5 |
rgb(181,185,197) |
hsl(223,12%,74%) |
| #a6acb9 |
rgb(166,172,185) |
hsl(223,12%,69%) |
| #989eae |
rgb(152,158,174) |
hsl(223,12%,64%) |
| #8a91a3 |
rgb(138,145,163) |
hsl(223,12%,59%) |
| #7c8498 |
rgb(124,132,152) |
hsl(223,12%,54%) |
| #6e768c |
rgb(110,118,140) |
hsl(223,12%,49%) |
| #636a7e |
rgb(99,106,126) |
hsl(223,12%,44%) |
| #585e6f |
rgb(88,94,111) |
hsl(223,12%,39%) |
| #4c5261 |
rgb(76,82,97) |
hsl(223,12%,34%) |
| #414653 |
rgb(65,70,83) |
hsl(223,12%,29%) |
| #363a45 |
rgb(54,58,69) |
hsl(223,12%,24%) |
| #2b2e36 |
rgb(43,46,54) |
hsl(223,12%,19%) |
| #1f2228 |
rgb(31,34,40) |
hsl(223,12%,14%) |
| #14161a |
rgb(20,22,26) |
hsl(223,12%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(223,12%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #425454 |
rgb(66,84,84) |
hsl(180,12%,29%) |
| #424754 |
rgb(66,71,84) |
hsl(223,12%,29%) |
| #494254 |
rgb(73,66,84) |
hsl(263,12%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C5261 |
rgb(76,82,97) |
hsl(223,12%,34%) |
| #424754 |
rgb(66,71,84) |
hsl(223,12%,29%) |
| #373B46 |
rgb(55,59,70) |
hsl(224,12%,25%) |
| #2C3039 |
rgb(44,48,57) |
hsl(222,13%,20%) |
| #22242B |
rgb(34,36,43) |
hsl(227,12%,15%) |
| #171A1E |
rgb(23,26,30) |
hsl(214,13%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #424754 |
rgb(66,71,84) |
hsl(223,12%,29%) |
| #544542 |
rgb(84,69,66) |
hsl(10,12%,29%) |
| #505442 |
rgb(80,84,66) |
hsl(73,12%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424754 |
rgb(66,71,84) |
hsl(223,12%,29%) |
| #544F42 |
rgb(84,79,66) |
hsl(43,12%,29%) |
| #424F54 |
rgb(66,79,84) |
hsl(197,12%,29%) |
| #505442 |
rgb(80,84,66) |
hsl(73,12%,29%) |
