HEX #5A6872 color — Shuttle Gray
The color #5a6872 is a dark shade and slightly desaturated.
Palette
5a6872 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f3f4 |
rgb(241,243,244) |
hsl(205,12%,95%) |
| #e2e6e9 |
rgb(226,230,233) |
hsl(205,12%,90%) |
| #d4dadd |
rgb(212,218,221) |
hsl(205,12%,85%) |
| #c6cdd2 |
rgb(198,205,210) |
hsl(205,12%,80%) |
| #b8c1c7 |
rgb(184,193,199) |
hsl(205,12%,75%) |
| #a9b4bc |
rgb(169,180,188) |
hsl(205,12%,70%) |
| #9ba8b0 |
rgb(155,168,176) |
hsl(205,12%,65%) |
| #8d9ba5 |
rgb(141,155,165) |
hsl(205,12%,60%) |
| #7e8f9a |
rgb(126,143,154) |
hsl(205,12%,55%) |
| #70828f |
rgb(112,130,143) |
hsl(205,12%,50%) |
| #657581 |
rgb(101,117,129) |
hsl(205,12%,45%) |
| #5a6872 |
rgb(90,104,114) |
hsl(205,12%,40%) |
| #4f5b64 |
rgb(79,91,100) |
hsl(205,12%,35%) |
| #434e56 |
rgb(67,78,86) |
hsl(205,12%,30%) |
| #384147 |
rgb(56,65,71) |
hsl(205,12%,25%) |
| #2d3439 |
rgb(45,52,57) |
hsl(205,12%,20%) |
| #22272b |
rgb(34,39,43) |
hsl(205,12%,15%) |
| #161a1d |
rgb(22,26,29) |
hsl(205,12%,10%) |
| #0b0d0e |
rgb(11,13,14) |
hsl(205,12%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A736C |
rgb(90,115,108) |
hsl(163,12%,40%) |
| #5A6872 |
rgb(90,104,114) |
hsl(205,12%,40%) |
| #5C5972 |
rgb(92,89,114) |
hsl(247,12%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #788A94 |
rgb(120,138,148) |
hsl(201,12%,53%) |
| #687884 |
rgb(104,120,132) |
hsl(206,12%,46%) |
| #5A6872 |
rgb(90,104,114) |
hsl(205,12%,40%) |
| #4B575F |
rgb(75,87,95) |
hsl(204,12%,33%) |
| #3D474D |
rgb(61,71,77) |
hsl(203,12%,27%) |
| #2E363B |
rgb(46,54,59) |
hsl(203,12%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A6872 |
rgb(90,104,114) |
hsl(205,12%,40%) |
| #72595C |
rgb(114,89,92) |
hsl(353,12%,40%) |
| #72705A |
rgb(114,112,90) |
hsl(55,12%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A6872 |
rgb(90,104,114) |
hsl(205,12%,40%) |
| #72635A |
rgb(114,99,90) |
hsl(23,12%,40%) |
| #5A7370 |
rgb(90,115,112) |
hsl(173,12%,40%) |
| #72705A |
rgb(114,112,90) |
hsl(55,12%,40%) |
