Inline Styling and Hex to mix color

1

I have try all my possible best to get out of this section but seems I can’t pass here. Please can someone tell me where am wrong? The challenge keep telling me the <h1> I am green></h1> should be green and I typed this code
<h1 style= "color:green" class="green-text">I am green!></h1>

HELP PLS

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

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

<h1 style="color:green"class="green-text">I am green</h1>

<h1 style="color:dodgerblue"class="dodger-blue-text">I am dodger blue!</h1>

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

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 5.1; Infinix HOT 3 Build/LMY47I) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.84 Mobile Safari/537.36.

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

3

Inline style is discouraged, you should use classes and a stylesheet whenever possible.