HEX #434A54 color — Mako
The color #434A54 is a dark shade and slightly desaturated.
Palette
434A54 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(215,11%,95%) |
#e3e5e8 |
rgb(227,229,232) |
hsl(215,11%,90%) |
#d5d8dd |
rgb(213,216,221) |
hsl(215,11%,85%) |
#c6cbd2 |
rgb(198,203,210) |
hsl(215,11%,80%) |
#b8bec6 |
rgb(184,190,198) |
hsl(215,11%,75%) |
#aab1bb |
rgb(170,177,187) |
hsl(215,11%,70%) |
#9ca4b0 |
rgb(156,164,176) |
hsl(215,11%,65%) |
#8e97a4 |
rgb(142,151,164) |
hsl(215,11%,60%) |
#808a99 |
rgb(128,138,153) |
hsl(215,11%,55%) |
#717d8e |
rgb(113,125,142) |
hsl(215,11%,50%) |
#66717f |
rgb(102,113,127) |
hsl(215,11%,45%) |
#5b6471 |
rgb(91,100,113) |
hsl(215,11%,40%) |
#4f5863 |
rgb(79,88,99) |
hsl(215,11%,35%) |
#444b55 |
rgb(68,75,85) |
hsl(215,11%,30%) |
#393f47 |
rgb(57,63,71) |
hsl(215,11%,25%) |
#2d3239 |
rgb(45,50,57) |
hsl(215,11%,20%) |
#22262a |
rgb(34,38,42) |
hsl(215,11%,15%) |
#17191c |
rgb(23,25,28) |
hsl(215,11%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(215,11%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#435452 |
rgb(67,84,82) |
hsl(173,11%,30%) |
#434A54 |
rgb(67,74,84) |
hsl(215,11%,30%) |
#474254 |
rgb(71,66,84) |
hsl(257,12%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D5761 |
rgb(77,87,97) |
hsl(210,11%,34%) |
#434A54 |
rgb(67,74,84) |
hsl(215,11%,30%) |
#383D46 |
rgb(56,61,70) |
hsl(219,11%,25%) |
#2D3339 |
rgb(45,51,57) |
hsl(210,12%,20%) |
#22262B |
rgb(34,38,43) |
hsl(213,12%,15%) |
#181A1E |
rgb(24,26,30) |
hsl(220,11%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#434A54 |
rgb(67,74,84) |
hsl(215,11%,30%) |
#544543 |
rgb(84,69,67) |
hsl(7,11%,30%) |
#525443 |
rgb(82,84,67) |
hsl(67,11%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#434A54 |
rgb(67,74,84) |
hsl(215,11%,30%) |
#544D43 |
rgb(84,77,67) |
hsl(35,11%,30%) |
#435254 |
rgb(67,82,84) |
hsl(187,11%,30%) |
#525443 |
rgb(82,84,67) |
hsl(67,11%,30%) |