HEX #424A54 color — Mako
The color #424A54 is a dark shade and slightly desaturated.
Palette
424A54 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(213,12%,99%) |
| #eef0f2 |
rgb(238,240,242) |
hsl(213,12%,94%) |
| #e0e3e6 |
rgb(224,227,230) |
hsl(213,12%,89%) |
| #d1d6db |
rgb(209,214,219) |
hsl(213,12%,84%) |
| #c3c9d0 |
rgb(195,201,208) |
hsl(213,12%,79%) |
| #b5bcc5 |
rgb(181,188,197) |
hsl(213,12%,74%) |
| #a6afb9 |
rgb(166,175,185) |
hsl(213,12%,69%) |
| #98a2ae |
rgb(152,162,174) |
hsl(213,12%,64%) |
| #8a95a3 |
rgb(138,149,163) |
hsl(213,12%,59%) |
| #7c8898 |
rgb(124,136,152) |
hsl(213,12%,54%) |
| #6e7b8c |
rgb(110,123,140) |
hsl(213,12%,49%) |
| #636f7e |
rgb(99,111,126) |
hsl(213,12%,44%) |
| #58626f |
rgb(88,98,111) |
hsl(213,12%,39%) |
| #4c5661 |
rgb(76,86,97) |
hsl(213,12%,34%) |
| #414953 |
rgb(65,73,83) |
hsl(213,12%,29%) |
| #363c45 |
rgb(54,60,69) |
hsl(213,12%,24%) |
| #2b3036 |
rgb(43,48,54) |
hsl(213,12%,19%) |
| #1f2328 |
rgb(31,35,40) |
hsl(213,12%,14%) |
| #14171a |
rgb(20,23,26) |
hsl(213,12%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(213,12%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #425452 |
rgb(66,84,82) |
hsl(173,12%,29%) |
| #424A54 |
rgb(66,74,84) |
hsl(213,12%,29%) |
| #464254 |
rgb(70,66,84) |
hsl(253,12%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C5761 |
rgb(76,87,97) |
hsl(209,12%,34%) |
| #424A54 |
rgb(66,74,84) |
hsl(213,12%,29%) |
| #373D46 |
rgb(55,61,70) |
hsl(216,12%,25%) |
| #2C3339 |
rgb(44,51,57) |
hsl(208,13%,20%) |
| #22262B |
rgb(34,38,43) |
hsl(213,12%,15%) |
| #171A1E |
rgb(23,26,30) |
hsl(214,13%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #424A54 |
rgb(66,74,84) |
hsl(213,12%,29%) |
| #544242 |
rgb(84,66,66) |
hsl(360,12%,29%) |
| #535442 |
rgb(83,84,66) |
hsl(63,12%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424A54 |
rgb(66,74,84) |
hsl(213,12%,29%) |
| #544D42 |
rgb(84,77,66) |
hsl(37,12%,29%) |
| #425454 |
rgb(66,84,84) |
hsl(180,12%,29%) |
| #535442 |
rgb(83,84,66) |
hsl(63,12%,29%) |
