HEX #536166 color — Shuttle Gray
The color #536166 is a dark shade and desaturated.
Palette
536166 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f6 |
rgb(244,245,246) |
hsl(196,10%,96%) |
| #e6e9ea |
rgb(230,233,234) |
hsl(196,10%,91%) |
| #d8dddf |
rgb(216,221,223) |
hsl(196,10%,86%) |
| #cad1d3 |
rgb(202,209,211) |
hsl(196,10%,81%) |
| #bcc5c8 |
rgb(188,197,200) |
hsl(196,10%,76%) |
| #aeb9bc |
rgb(174,185,188) |
hsl(196,10%,71%) |
| #a0acb1 |
rgb(160,172,177) |
hsl(196,10%,66%) |
| #92a0a5 |
rgb(146,160,165) |
hsl(196,10%,61%) |
| #84949a |
rgb(132,148,154) |
hsl(196,10%,56%) |
| #76888f |
rgb(118,136,143) |
hsl(196,10%,51%) |
| #6a7b81 |
rgb(106,123,129) |
hsl(196,10%,46%) |
| #5e6d73 |
rgb(94,109,115) |
hsl(196,10%,41%) |
| #536065 |
rgb(83,96,101) |
hsl(196,10%,36%) |
| #475357 |
rgb(71,83,87) |
hsl(196,10%,31%) |
| #3c4549 |
rgb(60,69,73) |
hsl(196,10%,26%) |
| #30383b |
rgb(48,56,59) |
hsl(196,10%,21%) |
| #252b2d |
rgb(37,43,45) |
hsl(196,10%,16%) |
| #191d1f |
rgb(25,29,31) |
hsl(196,10%,11%) |
| #0e1011 |
rgb(14,16,17) |
hsl(196,10%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(196,10%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #53665E |
rgb(83,102,94) |
hsl(155,10%,36%) |
| #536166 |
rgb(83,97,102) |
hsl(196,10%,36%) |
| #535466 |
rgb(83,84,102) |
hsl(237,10%,36%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #607076 |
rgb(96,112,118) |
hsl(196,10%,42%) |
| #536166 |
rgb(83,97,102) |
hsl(196,10%,36%) |
| #455255 |
rgb(69,82,85) |
hsl(191,10%,30%) |
| #384245 |
rgb(56,66,69) |
hsl(194,10%,25%) |
| #2B3335 |
rgb(43,51,53) |
hsl(192,10%,19%) |
| #1D2424 |
rgb(29,36,36) |
hsl(180,11%,13%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #536166 |
rgb(83,97,102) |
hsl(196,10%,36%) |
| #665457 |
rgb(102,84,87) |
hsl(350,10%,36%) |
| #666153 |
rgb(102,97,83) |
hsl(44,10%,36%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #536166 |
rgb(83,97,102) |
hsl(196,10%,36%) |
| #665953 |
rgb(102,89,83) |
hsl(19,10%,36%) |
| #536661 |
rgb(83,102,97) |
hsl(164,10%,36%) |
| #666153 |
rgb(102,97,83) |
hsl(44,10%,36%) |
