HEX #54616E color — Shuttle Gray
The color #54616E is a dark shade and slightly desaturated.
Palette
54616E color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(210,13%,98%) |
#ebedef |
rgb(235,237,239) |
hsl(210,13%,93%) |
#dce0e4 |
rgb(220,224,228) |
hsl(210,13%,88%) |
#ced4d9 |
rgb(206,212,217) |
hsl(210,13%,83%) |
#c0c7ce |
rgb(192,199,206) |
hsl(210,13%,78%) |
#b1bac3 |
rgb(177,186,195) |
hsl(210,13%,73%) |
#a3adb8 |
rgb(163,173,184) |
hsl(210,13%,68%) |
#94a1ad |
rgb(148,161,173) |
hsl(210,13%,63%) |
#8694a2 |
rgb(134,148,162) |
hsl(210,13%,58%) |
#788797 |
rgb(120,135,151) |
hsl(210,13%,53%) |
#6a7a8a |
rgb(106,122,138) |
hsl(210,13%,48%) |
#5f6e7c |
rgb(95,110,124) |
hsl(210,13%,43%) |
#54616d |
rgb(84,97,109) |
hsl(210,13%,38%) |
#49545f |
rgb(73,84,95) |
hsl(210,13%,33%) |
#3e4751 |
rgb(62,71,81) |
hsl(210,13%,28%) |
#333b42 |
rgb(51,59,66) |
hsl(210,13%,23%) |
#282e34 |
rgb(40,46,52) |
hsl(210,13%,18%) |
#1d2125 |
rgb(29,33,37) |
hsl(210,13%,13%) |
#121417 |
rgb(18,20,23) |
hsl(210,13%,8%) |
#070809 |
rgb(7,8,9) |
hsl(210,13%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#546E69 |
rgb(84,110,105) |
hsl(168,13%,38%) |
#54616E |
rgb(84,97,110) |
hsl(210,13%,38%) |
#58546E |
rgb(88,84,110) |
hsl(249,13%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#61707F |
rgb(97,112,127) |
hsl(210,13%,44%) |
#54616E |
rgb(84,97,110) |
hsl(210,13%,38%) |
#46525C |
rgb(70,82,92) |
hsl(207,14%,32%) |
#39424A |
rgb(57,66,74) |
hsl(208,13%,26%) |
#2B3339 |
rgb(43,51,57) |
hsl(206,14%,20%) |
#1E2427 |
rgb(30,36,39) |
hsl(200,13%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#54616E |
rgb(84,97,110) |
hsl(210,13%,38%) |
#6E5454 |
rgb(110,84,84) |
hsl(360,13%,38%) |
#6E6E54 |
rgb(110,110,84) |
hsl(60,13%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#54616E |
rgb(84,97,110) |
hsl(210,13%,38%) |
#6E6154 |
rgb(110,97,84) |
hsl(30,13%,38%) |
#546E6E |
rgb(84,110,110) |
hsl(180,13%,38%) |
#6E6E54 |
rgb(110,110,84) |
hsl(60,13%,38%) |