HEX #5C6270 color — Shuttle Gray
The color #5c6270 is a dark shade and desaturated.
Palette
5c6270 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(222,10%,95%) |
#e3e4e8 |
rgb(227,228,232) |
hsl(222,10%,90%) |
#d5d7dd |
rgb(213,215,221) |
hsl(222,10%,85%) |
#c7cad1 |
rgb(199,202,209) |
hsl(222,10%,80%) |
#b9bdc6 |
rgb(185,189,198) |
hsl(222,10%,75%) |
#abafba |
rgb(171,175,186) |
hsl(222,10%,70%) |
#9da2af |
rgb(157,162,175) |
hsl(222,10%,65%) |
#8f95a3 |
rgb(143,149,163) |
hsl(222,10%,60%) |
#818898 |
rgb(129,136,152) |
hsl(222,10%,55%) |
#737a8c |
rgb(115,122,140) |
hsl(222,10%,50%) |
#676e7e |
rgb(103,110,126) |
hsl(222,10%,45%) |
#5c6270 |
rgb(92,98,112) |
hsl(222,10%,40%) |
#505662 |
rgb(80,86,98) |
hsl(222,10%,35%) |
#454954 |
rgb(69,73,84) |
hsl(222,10%,30%) |
#393d46 |
rgb(57,61,70) |
hsl(222,10%,25%) |
#2e3138 |
rgb(46,49,56) |
hsl(222,10%,20%) |
#22252a |
rgb(34,37,42) |
hsl(222,10%,15%) |
#17181c |
rgb(23,24,28) |
hsl(222,10%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(222,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5C7070 |
rgb(92,112,112) |
hsl(180,10%,40%) |
#5C6270 |
rgb(92,98,112) |
hsl(222,10%,40%) |
#635C70 |
rgb(99,92,112) |
hsl(261,10%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8292 |
rgb(122,130,146) |
hsl(220,10%,53%) |
#6A7381 |
rgb(106,115,129) |
hsl(217,10%,46%) |
#5C6270 |
rgb(92,98,112) |
hsl(222,10%,40%) |
#4D525E |
rgb(77,82,94) |
hsl(222,10%,34%) |
#3E424C |
rgb(62,66,76) |
hsl(223,10%,27%) |
#2F333A |
rgb(47,51,58) |
hsl(218,10%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C6270 |
rgb(92,98,112) |
hsl(222,10%,40%) |
#70615C |
rgb(112,97,92) |
hsl(15,10%,40%) |
#6C705C |
rgb(108,112,92) |
hsl(72,10%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C6270 |
rgb(92,98,112) |
hsl(222,10%,40%) |
#706B5C |
rgb(112,107,92) |
hsl(45,10%,40%) |
#5C6B70 |
rgb(92,107,112) |
hsl(195,10%,40%) |
#6C705C |
rgb(108,112,92) |
hsl(72,10%,40%) |