freeCodeCamp Challenge Guide: Learn about Tertiary Colors

Guide
1

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

3 Likes
2

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:

Screenshot_2
Screenshot_21206×640 58.1 KB

3 Likes
3

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