freeCodeCamp Challenge Guide: Learn about Tertiary Colors

Learn about Tertiary Colors


Problem Explanation

Tertiary colours are combinations of primary and secondary colours. There are six tertiary colors; red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet.

They are made by full saturation of a primary colour with half saturation of a secondary colour with no other colours.


Solution

Solution (Click to Show/Hide)
.orange {
  background-color: #FF7F00;
}
  
.cyan {
  background-color: #00FFFF;
}
  
.raspberry {
  background-color: #FF007F;
}

Relevant Links

1 Like

no working this.

<style>
  body {
    background-color: #FFFFFF;
  }
  .orange {
    background-color: #FF7D00;
  }
    
  .cyan {
    background-color: #00FFFF;
  }
    
  .raspberry {
    background-color: #FF007D;
  }
  
  div {
    height: 100px;
    width: 100px;
    margin-bottom: 5px;
  }
</style>
  
<div class="orange"></div>
<div class="cyan"></div>
<div class="raspberry"></div>

This is my screenshot :llorar:

Okay, my problem was that there was a conflict with the google chrome’s dark reader extension.

But, disabling the extension, everything works fine.

6 Likes