Ajusta el matiz de un colorHELP

Ayuda, no encuentro el error en los ultimos 3 renglones de div, lo anterior esta bien, pero me dice que tengo que declarar una clase background-color verde, cian y azul, pero no recuerdo com se declaran…
desde ya gracias Julio.

   **Tu código hasta el momento**

<style>
 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;
  
 }
</style>

<div class:
background-color:"verde"></div>
<div class= background-color: "hsl(180, 100%, 50%)"></div>
<div class
background-color: "hsl(240, 100 %, 50%)"></div>
   **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Desafío: Ajusta el matiz de un color

Enlaza al desafío:

Hi @JulioCaraballo !

You have some spacing issues that are causing the test to fail.

You will need to remove the space here

Also, you are not supposed to touch these divs at all.
Reset the lesson and use the original code that was already there like this

<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

Hope that helps!