HEX #5A6272 color — Shuttle Gray
The color #5a6272 is a dark shade and slightly desaturated.
Palette
5a6272 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(220,12%,95%) |
| #e2e4e9 |
rgb(226,228,233) |
hsl(220,12%,90%) |
| #d4d7dd |
rgb(212,215,221) |
hsl(220,12%,85%) |
| #c6cad2 |
rgb(198,202,210) |
hsl(220,12%,80%) |
| #b8bdc7 |
rgb(184,189,199) |
hsl(220,12%,75%) |
| #a9afbc |
rgb(169,175,188) |
hsl(220,12%,70%) |
| #9ba2b0 |
rgb(155,162,176) |
hsl(220,12%,65%) |
| #8d95a5 |
rgb(141,149,165) |
hsl(220,12%,60%) |
| #7e889a |
rgb(126,136,154) |
hsl(220,12%,55%) |
| #707a8f |
rgb(112,122,143) |
hsl(220,12%,50%) |
| #656e81 |
rgb(101,110,129) |
hsl(220,12%,45%) |
| #5a6272 |
rgb(90,98,114) |
hsl(220,12%,40%) |
| #4f5664 |
rgb(79,86,100) |
hsl(220,12%,35%) |
| #434956 |
rgb(67,73,86) |
hsl(220,12%,30%) |
| #383d47 |
rgb(56,61,71) |
hsl(220,12%,25%) |
| #2d3139 |
rgb(45,49,57) |
hsl(220,12%,20%) |
| #22252b |
rgb(34,37,43) |
hsl(220,12%,15%) |
| #16181d |
rgb(22,24,29) |
hsl(220,12%,10%) |
| #0b0c0e |
rgb(11,12,14) |
hsl(220,12%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A7372 |
rgb(90,115,114) |
hsl(178,12%,40%) |
| #5A6272 |
rgb(90,98,114) |
hsl(220,12%,40%) |
| #625972 |
rgb(98,89,114) |
hsl(262,12%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #788294 |
rgb(120,130,148) |
hsl(219,12%,53%) |
| #687384 |
rgb(104,115,132) |
hsl(216,12%,46%) |
| #5A6272 |
rgb(90,98,114) |
hsl(220,12%,40%) |
| #4B525F |
rgb(75,82,95) |
hsl(219,12%,33%) |
| #3D424D |
rgb(61,66,77) |
hsl(221,12%,27%) |
| #2E333B |
rgb(46,51,59) |
hsl(217,12%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A6272 |
rgb(90,98,114) |
hsl(220,12%,40%) |
| #725E5A |
rgb(114,94,90) |
hsl(10,12%,40%) |
| #6E735A |
rgb(110,115,90) |
hsl(72,12%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A6272 |
rgb(90,98,114) |
hsl(220,12%,40%) |
| #726B5A |
rgb(114,107,90) |
hsl(43,12%,40%) |
| #5A6E72 |
rgb(90,110,114) |
hsl(190,12%,40%) |
| #6E735A |
rgb(110,115,90) |
hsl(72,12%,40%) |
