sky-50

#f0f9ff

Tailwind CSS v4.3.3のsky-50は、Tailwindが使うOKLCHでoklch(97.7% 0.013 236.62)、HEXで#f0f9ffです。

クラス

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

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

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

sky-50はHEXで#f0f9ff、RGBでrgb(240 249 255)、OKLCHでoklch(97.7% 0.013 236.62)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。

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

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

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

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