HEX #536369 color — Shuttle Gray
The color #536369 is a dark shade and slightly desaturated.
Palette
536369 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f8 |
rgb(246,248,248) |
hsl(196,12%,97%) |
#e8eced |
rgb(232,236,237) |
hsl(196,12%,92%) |
#dae0e2 |
rgb(218,224,226) |
hsl(196,12%,87%) |
#ccd4d7 |
rgb(204,212,215) |
hsl(196,12%,82%) |
#bdc8cb |
rgb(189,200,203) |
hsl(196,12%,77%) |
#afbcc0 |
rgb(175,188,192) |
hsl(196,12%,72%) |
#a1b0b5 |
rgb(161,176,181) |
hsl(196,12%,67%) |
#92a4aa |
rgb(146,164,170) |
hsl(196,12%,62%) |
#84979f |
rgb(132,151,159) |
hsl(196,12%,57%) |
#768b93 |
rgb(118,139,147) |
hsl(196,12%,52%) |
#697f86 |
rgb(105,127,134) |
hsl(196,12%,47%) |
#5e7178 |
rgb(94,113,120) |
hsl(196,12%,42%) |
#53646a |
rgb(83,100,106) |
hsl(196,12%,37%) |
#48565b |
rgb(72,86,91) |
hsl(196,12%,32%) |
#3d494d |
rgb(61,73,77) |
hsl(196,12%,27%) |
#313b3f |
rgb(49,59,63) |
hsl(196,12%,22%) |
#262e31 |
rgb(38,46,49) |
hsl(196,12%,17%) |
#1b2022 |
rgb(27,32,34) |
hsl(196,12%,12%) |
#101314 |
rgb(16,19,20) |
hsl(196,12%,7%) |
#040506 |
rgb(4,5,6) |
hsl(196,12%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#536960 |
rgb(83,105,96) |
hsl(155,12%,37%) |
#536369 |
rgb(83,99,105) |
hsl(196,12%,37%) |
#535469 |
rgb(83,84,105) |
hsl(237,12%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#607379 |
rgb(96,115,121) |
hsl(194,12%,43%) |
#536369 |
rgb(83,99,105) |
hsl(196,12%,37%) |
#455458 |
rgb(69,84,88) |
hsl(193,12%,31%) |
#384247 |
rgb(56,66,71) |
hsl(200,12%,25%) |
#2B3336 |
rgb(43,51,54) |
hsl(196,11%,19%) |
#1D2425 |
rgb(29,36,37) |
hsl(188,12%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#536369 |
rgb(83,99,105) |
hsl(196,12%,37%) |
#695458 |
rgb(105,84,88) |
hsl(349,11%,37%) |
#696353 |
rgb(105,99,83) |
hsl(44,12%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536369 |
rgb(83,99,105) |
hsl(196,12%,37%) |
#695953 |
rgb(105,89,83) |
hsl(16,12%,37%) |
#536964 |
rgb(83,105,100) |
hsl(166,12%,37%) |
#696353 |
rgb(105,99,83) |
hsl(44,12%,37%) |