From 7825751bdf0db8c7fbec95ed2349d0f0588c43dc Mon Sep 17 00:00:00 2001
From: The Coding Aviator <34807532+thecodingaviator@users.noreply.github.com>
Date: Sat, 9 Mar 2019 19:30:18 +0530
Subject: [PATCH] Added solution to Adjust the Tone of a Color (#34397)

* Update index.md

* Update index.md

* Update index.md

* Update index.md
---
 .../adjust-the-tone-of-a-color/index.md       | 50 +++++++++++++++++--
 1 file changed, 47 insertions(+), 3 deletions(-)

diff --git a/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color/index.md b/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color/index.md
index 437c46f0a0..db84e5e7b0 100644
--- a/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color/index.md
+++ b/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color/index.md
@@ -3,8 +3,52 @@ title: Adjust the Tone of a Color
 ---
 ## Adjust the Tone of a Color
 
-This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
+### Solution
 
-<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
+```html
+<style>
+  header {
+    background-color: hsl(180, 90%, 35%);
+    color: #FFFFFF;
+  }
+  
+  nav {
+    background-color: hsl(180, 80%, 25%);
+  }
+  
+  h1 {
+    text-indent: 10px;
+    padding-top: 10px;
+  }
+  
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+  
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+  
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+</style>
+  
+<header>
+  <h1>Cooking with FCC!</h1>
+  <nav>
+    <ul>
+      <li><a href="">Home</a></li>
+      <li><a href="">Classes</a></li>
+      <li><a href="">Contact</a></li>
+    </ul>
+  </nav>
+</header>
+```
 
-<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
+#### Explanation
+
+The `background-color: hsl(180, 80%, 25%);` declaration uses the same hue i.e. `180` as required by the challenge and sets the saturation and lightness at `80%` and `25%` respectively for all `nav` elements.