olive-50

#fbfbf9

Tailwind CSS v4.3.3のolive-50は、Tailwindが使うOKLCHでoklch(98.8% 0.003 106.5)、HEXで#fbfbf9です。

クラス

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

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

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

olive-50はHEXで#fbfbf9、RGBでrgb(251 251 249)、OKLCHでoklch(98.8% 0.003 106.5)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。

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

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

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

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