Bug? Applied Visual Designs: Adjust the Tone of a Color

I think this is a bug. I’ve entered the code in by hand several times identical to the “right” code listed on the solution only to get denied. I then copy and paste the exact same code (the one referenced below) to replace and it passes. I’ve tried resetting the code multiple times now.

This is getting denied:
nav {
background-color: hs1(180, 80%, 25%);
}

This is getting passed when copy + pasted in:
nav {
background-color: hsl(180, 80%, 25%);
}

Am I completely missing something here?

Your code so far


<style>
header {
  background-color: hsl(180, 90%, 35%);
  color: #FFFFFF;
}

nav {
  background-color: hs1(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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36.

Challenge: Adjust the Tone of a Color

Link to the challenge:

Welcome, JCD.

Let me highlight the difference:
Denied:

hs1

Passed:

hsl

Spoiler:

The first has the number one at the end. The second has the letter l at the end