Different font colour for single word [Heights template]

Hello all, 

I am hoping to change the colour of a single word to the bright red we have used in other parts of the website (Heights template), without impacting the rest of the copy. I have tried the two custom codes below but it just doesn't work. 

• <p style="color:HSL(0°, 100%, 42%)";>Afro Step™️</p> combines the best of high intensity interval training (HIIT) ...
• <p style="color:#D60000";>Afro Step™️</p> combines the best of high intensity interval training (HIIT) ...

The CMS doesn't seem to convert this at all... 

Would anyone have an idea how to turn 'Afro Step™️' into a red font, whilst everything else remains black? 

Thank you,
Jane 
 

tuanphan is Squarespace <span style="color:red;">Circle</span> Leader

Add to Code Block or Markdown Block