Adjust the Tone of a Color

Tell us what’s happening:
I don’t know what I did wrong.

Your code so far

  header {
    background-color: hsl(178,90%,35%);
    color: #FFFFFF;
  nav {
    background-color: hsl(178,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;
  <h1>Cooking with FCC!</h1>
      <li><a href="">Home</a></li>
      <li><a href="">Classes</a></li>
      <li><a href="">Contact</a></li>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0.

Link to the challenge:

It looks like the first value of your hsl somehow changed to 178 in both the header and nav. The exercise shows this number to start at 180. Everything else looks good so once you make that adjustment you should be good.


nav {
background-color: hsl(180, 80%, 25%);

notice no %percent on 180

1 Like