HEX #556376 color — Shuttle Gray
The color #556376 is a dark shade and slightly desaturated.
Palette
556376 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2f4 |
rgb(240,242,244) |
hsl(215,16%,95%) |
#e1e5ea |
rgb(225,229,234) |
hsl(215,16%,90%) |
#d3d8df |
rgb(211,216,223) |
hsl(215,16%,85%) |
#c4cbd4 |
rgb(196,203,212) |
hsl(215,16%,80%) |
#b5bec9 |
rgb(181,190,201) |
hsl(215,16%,75%) |
#a6b0bf |
rgb(166,176,191) |
hsl(215,16%,70%) |
#97a3b4 |
rgb(151,163,180) |
hsl(215,16%,65%) |
#8996a9 |
rgb(137,150,169) |
hsl(215,16%,60%) |
#7a899f |
rgb(122,137,159) |
hsl(215,16%,55%) |
#6b7c94 |
rgb(107,124,148) |
hsl(215,16%,50%) |
#607085 |
rgb(96,112,133) |
hsl(215,16%,45%) |
#566376 |
rgb(86,99,118) |
hsl(215,16%,40%) |
#4b5768 |
rgb(75,87,104) |
hsl(215,16%,35%) |
#404a59 |
rgb(64,74,89) |
hsl(215,16%,30%) |
#363e4a |
rgb(54,62,74) |
hsl(215,16%,25%) |
#2b323b |
rgb(43,50,59) |
hsl(215,16%,20%) |
#20252c |
rgb(32,37,44) |
hsl(215,16%,15%) |
#15191e |
rgb(21,25,30) |
hsl(215,16%,10%) |
#0b0c0f |
rgb(11,12,15) |
hsl(215,16%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#557573 |
rgb(85,117,115) |
hsl(176,16%,40%) |
#556376 |
rgb(85,99,118) |
hsl(215,16%,40%) |
#5D5476 |
rgb(93,84,118) |
hsl(256,17%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#627388 |
rgb(98,115,136) |
hsl(213,16%,46%) |
#556376 |
rgb(85,99,118) |
hsl(215,16%,40%) |
#475463 |
rgb(71,84,99) |
hsl(212,16%,33%) |
#394250 |
rgb(57,66,80) |
hsl(217,17%,27%) |
#2C333D |
rgb(44,51,61) |
hsl(215,16%,21%) |
#1E242A |
rgb(30,36,42) |
hsl(210,17%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#556376 |
rgb(85,99,118) |
hsl(215,16%,40%) |
#765755 |
rgb(118,87,85) |
hsl(4,16%,40%) |
#737555 |
rgb(115,117,85) |
hsl(64,16%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556376 |
rgb(85,99,118) |
hsl(215,16%,40%) |
#766955 |
rgb(118,105,85) |
hsl(36,16%,40%) |
#557376 |
rgb(85,115,118) |
hsl(185,16%,40%) |
#737555 |
rgb(115,117,85) |
hsl(64,16%,40%) |