カラーパレット

フォレストグリーン

森の木々の葉のような、深みのある中間の緑です。みずみずしさと生命力を感じさせます。旅行ブランドや登山用品、公園の案内表示によく使われます。

別名：森の緑, 深緑

フォレストグリーン · #228B22

フォレストグリーンの基本情報

フォレストグリーン（#228B22）は、中間色系・中くらいの明るさ・中くらいの彩度の色です。緑系の色のグループに属します。RGBの値は赤34・緑139・青34（各255段階）。主な用途：アウトドア, ブランディング, インテリア。

フォレストグリーンの濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

フォレストグリーンの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：パープル
類似色近い色：翡翠色
トライアド近い色：クラインブルー, バーガンディ
スプリット・コンプリメンタリー近い色：藍色, プラム
テトラード近い色：フレンチブルー, パープル, セピア

フォレストグリーンを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · フォレストグリーン
類似色パレット · フォレストグリーン
補色パレット · フォレストグリーン
トライアドパレット · フォレストグリーン
ニュートラルカラー入りパレット · フォレストグリーン
アクセントカラー入りパレット · フォレストグリーン

フォレストグリーンと文字色のコントラスト

白い文字コントラスト比 4.4:1 · AA（大きな文字）
黒い文字コントラスト比 4.8:1 · AA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --forest-green: #228B22;
  --forest-green-rgb: 34, 139, 34;
}
.bg { background-color: var(--forest-green); }
.text { color: var(--forest-green); }

フォレストグリーンに近い色

緑ダークグリーン翡翠色エメラルドグリーンパステルグリーンピスタチオグリーンアップルグリーンライトグリーンモスグリーンオリーブグリーン

その他の緑系の色

緑エメラルドグリーンライムグリーンオリーブグリーンミントグリーンモスグリーン翡翠色パイングリーンアップルグリーンセージグリーンボトルグリーンアーミーグリーンネオングリーンピスタチオグリーン草色シャルトリューズパステルグリーンダークグリーンライトグリーンメキシコ国旗の緑

よくある質問

フォレストグリーンのカラーコードは？

フォレストグリーンのHEXコードは#228B22です。RGBではrgb(34, 139, 34)、HSLではhsl(120, 61%, 34%)、CMYKでは76, 0, 76, 45となります。

フォレストグリーンの補色は何色ですか？

色相環で反対側にある補色は#8B228Bで、パープルに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

フォレストグリーンの上に白い文字を置いても読みやすいですか？

黒い文字のほうがおすすめです。白とのコントラスト比は4.4:1しかありませんが、黒とは4.8:1になります。