Cyan hsl not accepted in Adjust Color of Hue

Tell us what’s happening:

hsl(180,100%,50%) is entered in .cyan of the style section, but the test returns the following:

“The div element with class cyan should have a background-color of cyan.”

I have opened and closed Firefox, and reset the code, and the problem persists.


Your code so far

  body {
    background-color: #FFFFFF;
  .green {
    background-color: hsl(120,100%,50%);
  .cyan {
    background-color: hsl(180,100%,50%);
  .blue {
    background-color: hsl(240,100%,50%);
  div {
    display: inline-block;
    height: 100px;
    width: 100px;
<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0.

Link to the challenge:


maybe try opening the web page in another tab or browser.

Thank you kieraclarke. It worked in Chrome Version 67.0.3396.99 (Official Build) (64-bit).

It did not work for myself either on Firefox 52.9.0 (64-bit)
I used this as a work around.

  .cyan {
    background-color: hsl(180,100%,50%);
    background-color: cyan !important;
1 Like

Hello I had the same problem. It was not working in Firefox. But it works in Chrome. Thank you!

Hello. I have the same problem using Firefox.

Interesting, I’m having this issue in Chrome.
Thanks for sharing.