HEX #535C68 color — Shuttle Gray
The color #535C68 is a dark shade and slightly desaturated.
Palette
535C68 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7f8 |
rgb(247,247,248) |
hsl(214,11%,97%) |
#e8eaed |
rgb(232,234,237) |
hsl(214,11%,92%) |
#dadde1 |
rgb(218,221,225) |
hsl(214,11%,87%) |
#ccd0d6 |
rgb(204,208,214) |
hsl(214,11%,82%) |
#bec3cb |
rgb(190,195,203) |
hsl(214,11%,77%) |
#b0b7bf |
rgb(176,183,191) |
hsl(214,11%,72%) |
#a2aab4 |
rgb(162,170,180) |
hsl(214,11%,67%) |
#939da9 |
rgb(147,157,169) |
hsl(214,11%,62%) |
#85909d |
rgb(133,144,157) |
hsl(214,11%,57%) |
#778392 |
rgb(119,131,146) |
hsl(214,11%,52%) |
#6b7685 |
rgb(107,118,133) |
hsl(214,11%,47%) |
#5f6a77 |
rgb(95,106,119) |
hsl(214,11%,42%) |
#545d69 |
rgb(84,93,105) |
hsl(214,11%,37%) |
#49505b |
rgb(73,80,91) |
hsl(214,11%,32%) |
#3d444c |
rgb(61,68,76) |
hsl(214,11%,27%) |
#32373e |
rgb(50,55,62) |
hsl(214,11%,22%) |
#272b30 |
rgb(39,43,48) |
hsl(214,11%,17%) |
#1b1e22 |
rgb(27,30,34) |
hsl(214,11%,12%) |
#101214 |
rgb(16,18,20) |
hsl(214,11%,7%) |
#050506 |
rgb(5,5,6) |
hsl(214,11%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#536966 |
rgb(83,105,102) |
hsl(172,12%,37%) |
#535C68 |
rgb(83,92,104) |
hsl(214,11%,37%) |
#585468 |
rgb(88,84,104) |
hsl(252,11%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#606B78 |
rgb(96,107,120) |
hsl(213,11%,42%) |
#535C68 |
rgb(83,92,104) |
hsl(214,11%,37%) |
#454D57 |
rgb(69,77,87) |
hsl(213,12%,31%) |
#384046 |
rgb(56,64,70) |
hsl(206,11%,25%) |
#2B3036 |
rgb(43,48,54) |
hsl(213,11%,19%) |
#1D2125 |
rgb(29,33,37) |
hsl(210,12%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#535C68 |
rgb(83,92,104) |
hsl(214,11%,37%) |
#685453 |
rgb(104,84,83) |
hsl(3,11%,37%) |
#666953 |
rgb(102,105,83) |
hsl(68,12%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535C68 |
rgb(83,92,104) |
hsl(214,11%,37%) |
#685E53 |
rgb(104,94,83) |
hsl(31,11%,37%) |
#536668 |
rgb(83,102,104) |
hsl(186,11%,37%) |
#666953 |
rgb(102,105,83) |
hsl(68,12%,37%) |