"Use Hex Code to Mix Colors"

please this challenge is not working for me, have tried the usual ask and search but am not getting any useful answerTell us what’s happening:

**here is my code so far… **

<style>
  .red-text {
    color: #FF0000;
  }
  .green-text {
    color: #00FF00;
  }
  .dodger-blue-text {
    color: #29984E;
  }
  .orange-text {
    color: #FFA500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="">I am dodger blue!</h1>

<h1 class="orange-text">I am orange!</h1>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/use-hex-code-to-mix-colors

One of your h1 elements is missing a class name in between the “” of the class="".

Also, you should use #2998E4 instead of #29984E for dodger-blue.

1 Like

please it’s not working can you show me an example code

Can you copy/paste all of your current code for this challenge so we can see what you have?

When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

  .red-text {
    color: #ff0000;
  }
  .green-text {
    color: #00ff00;
  }
  .dodger-blue-text {
    color:#29984e;
  }
  .orange-text {
    color: #ffa500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="#29984E;">I am dodger blue!</h1>

<h1 class="orange-text">I am orange!</h1>

You need to give the h1 a class of dodger-blue-text.

And as I said in my previous post:

1 Like

You have a semi-colon below where there should be no semi-colon and as @BenGitter has already mentioned in a previous post, the hex value for Doger Blue is 2998E4 and not 29984E (which is what you still have).

1 Like
  .red-text {
    color: #ff0000;
  }
  .green-text {
    color: #00ff00;
  }
  .dodger-blue-text {
    color:#2998E4;
  }
  .orange-text {
    color: #ffa500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="#2998E4">I am dodger blue</h1>

<h1 class="orange-text">I am orange!</h1> ```  

I still get the below option uncompletd
"Give your h1 element with the text I am dodger blue! the color dodger blue"

Sorry, I wrote something incorrect in my last post. When you use the class attribute for the following h1 element:

<h1 class="#2998E4">I am dodger blue</h1>

you need to refer to a valid class name. There is no class name of “#2998E4”, but there is one called “doger-blue-text” which has a color value of 2998E4.

any example on how to do that ?

Look at the h1 element above and below the the following for how it is done.

<h1 class="#2998E4">I am dodger blue</h1>

It’s not working even

I don’t know what else to tell you except the solution (see below):

<style>
  .red-text {
    color: #ff0000;
  }
  .green-text {
    color: #00ff00;
  }
  .dodger-blue-text {
    color:#2998E4;
  }
  .orange-text {
    color: #ffa500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="dodger-blue-text">I am dodger blue</h1>

<h1 class="orange-text">I am orange!</h1>

You had a class called "dodger-blue-text " in the style section, but you were using “#2998E4” instead which is not a class in the style section.

1 Like

thanks for the explanation it worked