lime-900
#35530eTailwind CSS v4.3.3のlime-900は、Tailwindが使うOKLCHでoklch(40.5% 0.101 131.063)、HEXで#35530eです。
- クラス
- OKLCH
- HEX
- RGB
- HSL
- CSS
クラス
クリックでコピー。/50を付けると不透明度50%になります(例:bg-lime-900/50)。
lime-900の背景に置いた文字
- Aa白8.72:1読みやすい · AA
- Aa黒2.41:1読みにくい
- Aalime-508.43:1読みやすい · AA
limeスケールで最も読みやすい文字色: lime-50
Tailwind limeのスケール
ほかのTailwindカラーの900
よくある質問
Tailwind lime-900のカラーコード(HEX)は?
lime-900はHEXで#35530e、RGBでrgb(53 83 14)、OKLCHでoklch(40.5% 0.101 131.063)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。
Tailwind lime-900は文字のアクセシビリティ基準を満たしますか?
lime-900の上の白い文字のコントラスト比は8.72:1、黒い文字は2.41:1です。WCAG AAでは通常の文字に4.5:1、大きな文字に3:1が必要なため、ここでは白の文字のほうが適しています。
Tailwind CSSでlime-900を使うには?
要素にbg-lime-900、text-lime-900、border-lime-900を追加します。独自のCSSでは、Tailwind v4がすべての色に作成するCSS変数var(--color-lime-900)を使います。