HEX #434A55 color — Mako
The color #434A55 is a dark shade and slightly desaturated.
Palette
434A55 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(217,12%,95%) |
#e2e5e9 |
rgb(226,229,233) |
hsl(217,12%,90%) |
#d4d8dd |
rgb(212,216,221) |
hsl(217,12%,85%) |
#c6cbd2 |
rgb(198,203,210) |
hsl(217,12%,80%) |
#b8bdc7 |
rgb(184,189,199) |
hsl(217,12%,75%) |
#a9b0bc |
rgb(169,176,188) |
hsl(217,12%,70%) |
#9ba3b0 |
rgb(155,163,176) |
hsl(217,12%,65%) |
#8d96a5 |
rgb(141,150,165) |
hsl(217,12%,60%) |
#7e899a |
rgb(126,137,154) |
hsl(217,12%,55%) |
#707c8f |
rgb(112,124,143) |
hsl(217,12%,50%) |
#657081 |
rgb(101,112,129) |
hsl(217,12%,45%) |
#5a6372 |
rgb(90,99,114) |
hsl(217,12%,40%) |
#4f5764 |
rgb(79,87,100) |
hsl(217,12%,35%) |
#434a56 |
rgb(67,74,86) |
hsl(217,12%,30%) |
#383e47 |
rgb(56,62,71) |
hsl(217,12%,25%) |
#2d3239 |
rgb(45,50,57) |
hsl(217,12%,20%) |
#22252b |
rgb(34,37,43) |
hsl(217,12%,15%) |
#16191d |
rgb(22,25,29) |
hsl(217,12%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(217,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#435454 |
rgb(67,84,84) |
hsl(180,11%,30%) |
#434A55 |
rgb(67,74,85) |
hsl(217,12%,30%) |
#484255 |
rgb(72,66,85) |
hsl(259,13%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D5762 |
rgb(77,87,98) |
hsl(211,12%,34%) |
#434A55 |
rgb(67,74,85) |
hsl(217,12%,30%) |
#383D47 |
rgb(56,61,71) |
hsl(220,12%,25%) |
#2D3339 |
rgb(45,51,57) |
hsl(210,12%,20%) |
#22262C |
rgb(34,38,44) |
hsl(216,13%,15%) |
#181A1E |
rgb(24,26,30) |
hsl(220,11%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#434A55 |
rgb(67,74,85) |
hsl(217,12%,30%) |
#554543 |
rgb(85,69,67) |
hsl(7,12%,30%) |
#535443 |
rgb(83,84,67) |
hsl(64,11%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#434A55 |
rgb(67,74,85) |
hsl(217,12%,30%) |
#554F43 |
rgb(85,79,67) |
hsl(40,12%,30%) |
#435455 |
rgb(67,84,85) |
hsl(183,12%,30%) |
#535443 |
rgb(83,84,67) |
hsl(64,11%,30%) |