red-200

#ffc9c9

Tailwind CSS v4.3.3のred-200は、Tailwindが使うOKLCHでoklch(88.5% 0.062 18.334)、HEXで#ffc9c9です。

クラス

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

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

Tailwind red-200のカラーコード（HEX）は？

red-200はHEXで#ffc9c9、RGBでrgb(255 201 201)、OKLCHでoklch(88.5% 0.062 18.334)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。

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

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

Tailwind CSSでred-200を使うには？

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