HEX #556973 color — Shuttle Gray
The color #556973 is a dark shade and slightly desaturated.
Palette
556973 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(200,15%,99%) |
#edf0f2 |
rgb(237,240,242) |
hsl(200,15%,94%) |
#dfe4e7 |
rgb(223,228,231) |
hsl(200,15%,89%) |
#d0d8dc |
rgb(208,216,220) |
hsl(200,15%,84%) |
#c1ccd1 |
rgb(193,204,209) |
hsl(200,15%,79%) |
#b3c0c7 |
rgb(179,192,199) |
hsl(200,15%,74%) |
#a4b4bc |
rgb(164,180,188) |
hsl(200,15%,69%) |
#95a8b1 |
rgb(149,168,177) |
hsl(200,15%,64%) |
#879ca6 |
rgb(135,156,166) |
hsl(200,15%,59%) |
#78909b |
rgb(120,144,155) |
hsl(200,15%,54%) |
#6a8390 |
rgb(106,131,144) |
hsl(200,15%,49%) |
#5f7681 |
rgb(95,118,129) |
hsl(200,15%,44%) |
#556872 |
rgb(85,104,114) |
hsl(200,15%,39%) |
#4a5b64 |
rgb(74,91,100) |
hsl(200,15%,34%) |
#3f4e55 |
rgb(63,78,85) |
hsl(200,15%,29%) |
#344046 |
rgb(52,64,70) |
hsl(200,15%,24%) |
#293338 |
rgb(41,51,56) |
hsl(200,15%,19%) |
#1e2529 |
rgb(30,37,41) |
hsl(200,15%,14%) |
#14181a |
rgb(20,24,26) |
hsl(200,15%,9%) |
#090b0c |
rgb(9,11,12) |
hsl(200,15%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#557369 |
rgb(85,115,105) |
hsl(160,15%,39%) |
#556973 |
rgb(85,105,115) |
hsl(200,15%,39%) |
#555473 |
rgb(85,84,115) |
hsl(242,16%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#627A85 |
rgb(98,122,133) |
hsl(199,15%,45%) |
#556973 |
rgb(85,105,115) |
hsl(200,15%,39%) |
#475960 |
rgb(71,89,96) |
hsl(197,15%,33%) |
#39474E |
rgb(57,71,78) |
hsl(200,16%,26%) |
#2C363B |
rgb(44,54,59) |
hsl(200,15%,20%) |
#1E2629 |
rgb(30,38,41) |
hsl(196,15%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#556973 |
rgb(85,105,115) |
hsl(200,15%,39%) |
#73545A |
rgb(115,84,90) |
hsl(348,16%,39%) |
#736E55 |
rgb(115,110,85) |
hsl(50,15%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556973 |
rgb(85,105,115) |
hsl(200,15%,39%) |
#735E55 |
rgb(115,94,85) |
hsl(18,15%,39%) |
#55736E |
rgb(85,115,110) |
hsl(170,15%,39%) |
#736E55 |
rgb(115,110,85) |
hsl(50,15%,39%) |