orange-800

#9f2d00

Tailwind CSS v4.3.3のorange-800は、Tailwindが使うOKLCHでoklch(47% 0.157 37.304)、HEXで#9f2d00です。

クラス

クリックでコピー。/50を付けると不透明度50%になります（例：bg-orange-800/50）。

orangeスケールで最も読みやすい文字色: orange-50

Tailwind orange-800のカラーコード（HEX）は？

orange-800はHEXで#9f2d00、RGBでrgb(159 45 0)、OKLCHでoklch(47% 0.157 37.304)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。

Tailwind orange-800は文字のアクセシビリティ基準を満たしますか？

orange-800の上の白い文字のコントラスト比は7.35:1、黒い文字は2.86:1です。WCAG AAでは通常の文字に4.5:1、大きな文字に3:1が必要なため、ここでは白の文字のほうが適しています。

Tailwind CSSでorange-800を使うには？

要素にbg-orange-800、text-orange-800、border-orange-800を追加します。独自のCSSでは、Tailwind v4がすべての色に作成するCSS変数var(--color-orange-800)を使います。