stone-700

#44403b

Tailwind CSS v4.3.3のstone-700は、Tailwindが使うOKLCHでoklch(37.4% 0.01 67.558)、HEXで#44403bです。

クラス

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

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

Tailwind stone-700のカラーコード（HEX）は？

stone-700はHEXで#44403b、RGBでrgb(68 64 59)、OKLCHでoklch(37.4% 0.01 67.558)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。

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

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

Tailwind CSSでstone-700を使うには？

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