olive-800

#2b2b22

Tailwind CSS v4.3.3のolive-800は、Tailwindが使うOKLCHでoklch(28.6% 0.016 107.4)、HEXで#2b2b22です。

クラス

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

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

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

olive-800はHEXで#2b2b22、RGBでrgb(43 43 34)、OKLCHでoklch(28.6% 0.016 107.4)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。

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

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

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

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