React+Tailwind CSS开发Netflix克隆项目时颜色显示异常的问题求助

我最近在React项目里用Tailwind CSS做Netflix的克隆页面，碰到个头疼的问题：我给NETFLIX标题设置的颜色是#fd0511，但实际渲染出来的颜色不对，而且在浏览器控制台里这个颜色属性直接被划掉了（就像我截图里呈现的那样）。

下面是我当前的组件代码片段：

return (
    <>
      <div className="flex flex-row justify-between items-center px-[9.5rem] py-[1.2rem]">
        <div>
          <h1 className="text-[#fd0511] text-5xl font-semibold">NETFLIX</h1>
        </div>
        <div className="">
          <button className="text-[#FEF9FA] bg-[#E50914] text-[14px] text-center font-medium px-[1rem] py-[0.32rem] rounded-md z-10">
            Sign In
          </button>
        </div>
      </div>
      
    </>
  );
}

有没有大佬能帮我排查下原因，告诉我该怎么修复这个颜色显示异常的问题呀？

备注：内容来源于stack exchange，提问作者SUJEET KUMAR