Changing the Background Color of an element to their respective colors. This is the link

Tell us what’s happening:
I was given a test to change the background-color property of the orange , cyan , and raspberry classes to their respective colors. Make sure to use the hex codes and not the color names. I did this but it is still not working, giving errors with div element that has a class orange which is to have a background-color of orange and also div element with class raspberry should have a background-color of raspberry

Your code so far

body {
  background-color: #FFFFFF;
.orange {
  background-color: #FF7D00;
.cyan {
  background-color: #00FFFF;
.raspberry {
  background-color: #FF007D;

div {
  height: 100px;
  width: 100px;
  margin-bottom: 5px;

<div class="orange"></div>
<div class="cyan"></div>
<div class="raspberry"></div>

Your browser information:

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

Challenge: Learn about Tertiary Colors

Link to the challenge:

You have written wrong colour code at line 15 for raspberry. It should be #FF007F.