stone-300
#d6d3d1Tailwind CSS v4.3.3のstone-300は、Tailwindが使うOKLCHでoklch(86.9% 0.005 56.366)、HEXで#d6d3d1です。
- クラス
- OKLCH
- HEX
- RGB
- HSL
- CSS
クラス
クリックでコピー。/50を付けると不透明度50%になります（例：bg-stone-300/50）。
stone-300の背景に置いた文字
- Aa白1.49:1読みにくい
- Aa黒14.11:1読みやすい · AA
- Aastone-95013.27:1読みやすい · AA
stoneスケールで最も読みやすい文字色: stone-950
Tailwind stoneのスケール
ほかのTailwindカラーの300
よくある質問
Tailwind stone-300のカラーコード（HEX）は？
stone-300はHEXで#d6d3d1、RGBでrgb(214 211 209)、OKLCHでoklch(86.9% 0.005 56.366)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。
Tailwind stone-300は文字のアクセシビリティ基準を満たしますか？
stone-300の上の白い文字のコントラスト比は1.49:1、黒い文字は14.11:1です。WCAG AAでは通常の文字に4.5:1、大きな文字に3:1が必要なため、ここでは黒の文字のほうが適しています。
Tailwind CSSでstone-300を使うには？
要素にbg-stone-300、text-stone-300、border-stone-300を追加します。独自のCSSでは、Tailwind v4がすべての色に作成するCSS変数var(--color-stone-300)を使います。