HEX #424756 color — Mako
The color #424756 is a dark shade and slightly desaturated.
Palette
424756 color palette from light to dark
HEX |
RGB |
HSL |
#f1f1f4 |
rgb(241,241,244) |
hsl(225,13%,95%) |
#e2e4e9 |
rgb(226,228,233) |
hsl(225,13%,90%) |
#d4d6de |
rgb(212,214,222) |
hsl(225,13%,85%) |
#c5c9d3 |
rgb(197,201,211) |
hsl(225,13%,80%) |
#b7bbc8 |
rgb(183,187,200) |
hsl(225,13%,75%) |
#a9aebc |
rgb(169,174,188) |
hsl(225,13%,70%) |
#9aa0b1 |
rgb(154,160,177) |
hsl(225,13%,65%) |
#8c92a6 |
rgb(140,146,166) |
hsl(225,13%,60%) |
#7d859b |
rgb(125,133,155) |
hsl(225,13%,55%) |
#6f7790 |
rgb(111,119,144) |
hsl(225,13%,50%) |
#646b82 |
rgb(100,107,130) |
hsl(225,13%,45%) |
#595f73 |
rgb(89,95,115) |
hsl(225,13%,40%) |
#4e5365 |
rgb(78,83,101) |
hsl(225,13%,35%) |
#434856 |
rgb(67,72,86) |
hsl(225,13%,30%) |
#373c48 |
rgb(55,60,72) |
hsl(225,13%,25%) |
#2c303a |
rgb(44,48,58) |
hsl(225,13%,20%) |
#21242b |
rgb(33,36,43) |
hsl(225,13%,15%) |
#16181d |
rgb(22,24,29) |
hsl(225,13%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(225,13%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#425456 |
rgb(66,84,86) |
hsl(186,13%,30%) |
#424756 |
rgb(66,71,86) |
hsl(225,13%,30%) |
#4A4256 |
rgb(74,66,86) |
hsl(264,13%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C5263 |
rgb(76,82,99) |
hsl(224,13%,34%) |
#424756 |
rgb(66,71,86) |
hsl(225,13%,30%) |
#373B48 |
rgb(55,59,72) |
hsl(226,13%,25%) |
#2C303A |
rgb(44,48,58) |
hsl(223,14%,20%) |
#22242C |
rgb(34,36,44) |
hsl(228,13%,15%) |
#171A1E |
rgb(23,26,30) |
hsl(214,13%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#424756 |
rgb(66,71,86) |
hsl(225,13%,30%) |
#564742 |
rgb(86,71,66) |
hsl(15,13%,30%) |
#515742 |
rgb(81,87,66) |
hsl(77,14%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#424756 |
rgb(66,71,86) |
hsl(225,13%,30%) |
#565242 |
rgb(86,82,66) |
hsl(48,13%,30%) |
#425256 |
rgb(66,82,86) |
hsl(192,13%,30%) |
#515742 |
rgb(81,87,66) |
hsl(77,14%,30%) |