HEX #535C69 color — Shuttle Gray
The color #535C69 is a dark shade and slightly desaturated.
Palette
535C69 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(215,12%,97%) |
#e8eaed |
rgb(232,234,237) |
hsl(215,12%,92%) |
#dadde2 |
rgb(218,221,226) |
hsl(215,12%,87%) |
#ccd0d7 |
rgb(204,208,215) |
hsl(215,12%,82%) |
#bdc3cb |
rgb(189,195,203) |
hsl(215,12%,77%) |
#afb6c0 |
rgb(175,182,192) |
hsl(215,12%,72%) |
#a1a9b5 |
rgb(161,169,181) |
hsl(215,12%,67%) |
#929caa |
rgb(146,156,170) |
hsl(215,12%,62%) |
#848f9f |
rgb(132,143,159) |
hsl(215,12%,57%) |
#768293 |
rgb(118,130,147) |
hsl(215,12%,52%) |
#697586 |
rgb(105,117,134) |
hsl(215,12%,47%) |
#5e6978 |
rgb(94,105,120) |
hsl(215,12%,42%) |
#535c6a |
rgb(83,92,106) |
hsl(215,12%,37%) |
#48505b |
rgb(72,80,91) |
hsl(215,12%,32%) |
#3d434d |
rgb(61,67,77) |
hsl(215,12%,27%) |
#31373f |
rgb(49,55,63) |
hsl(215,12%,22%) |
#262a31 |
rgb(38,42,49) |
hsl(215,12%,17%) |
#1b1e22 |
rgb(27,30,34) |
hsl(215,12%,12%) |
#101114 |
rgb(16,17,20) |
hsl(215,12%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,12%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#536967 |
rgb(83,105,103) |
hsl(175,12%,37%) |
#535C69 |
rgb(83,92,105) |
hsl(215,12%,37%) |
#585469 |
rgb(88,84,105) |
hsl(251,11%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#606B79 |
rgb(96,107,121) |
hsl(214,12%,43%) |
#535C69 |
rgb(83,92,105) |
hsl(215,12%,37%) |
#454D58 |
rgb(69,77,88) |
hsl(215,12%,31%) |
#384047 |
rgb(56,64,71) |
hsl(208,12%,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 |
#535C69 |
rgb(83,92,105) |
hsl(215,12%,37%) |
#695453 |
rgb(105,84,83) |
hsl(3,12%,37%) |
#676953 |
rgb(103,105,83) |
hsl(65,12%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535C69 |
rgb(83,92,105) |
hsl(215,12%,37%) |
#696153 |
rgb(105,97,83) |
hsl(38,12%,37%) |
#536669 |
rgb(83,102,105) |
hsl(188,12%,37%) |
#676953 |
rgb(103,105,83) |
hsl(65,12%,37%) |