カラーピッカーへ移動

emerald-700

#007a55

Tailwind CSS v4.3.3のemerald-700は、Tailwindが使うOKLCHでoklch(50.8% 0.118 165.612)、HEXで#007a55です。

クラス
OKLCH
HEX
RGB
HSL
CSS
#007a55をカラーピッカーで開くコントラストをチェック

クラス

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

emerald-700の背景に置いた文字

  • Aa白5.37:1読みやすい · AA
  • Aa黒3.91:1読みにくい
  • Aaemerald-505.09:1読みやすい · AA

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

Tailwind emeraldのスケール

  1. 50
  2. 100
  3. 200
  4. 300
  5. 400
  6. 500
  7. 600
  8. 700
  9. 800
  10. 900
  11. 950

ほかのTailwindカラーの700

よくある質問

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

emerald-700はHEXで#007a55、RGBでrgb(0 122 85)、OKLCHでoklch(50.8% 0.118 165.612)です。Tailwind CSS v4.3.3は色をOKLCHで定義しているため、HEXの値は最も近いsRGBの色です。

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

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

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

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