カラーパレット

パステルグリーン

白を少し含んだ、やわらかく親しみやすい緑です。穏やかでさわやかな印象です。子ども部屋や文房具、ウェルネスアプリに登場します。

別名：淡い緑, ペールグリーン

パステルグリーン · #77DD77

パステルグリーンの基本情報

パステルグリーン（#77DD77）は、中間色系・中くらいの明るさ・中くらいの彩度の色です。緑系の色のグループに属します。RGBの値は赤119・緑221・青119（各255段階）。主な用途：子ども向け, インテリア, ウェブ。

パステルグリーンの濃淡：明るいトーンと暗いトーン

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

パステルグリーンの配色ハーモニー

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

補色近い色：オーキッド
類似色近い色：ピスタチオグリーン, アクアマリン
トライアド近い色：ロイヤルブルー, インディアンレッド
スプリット・コンプリメンタリー近い色：ラベンダー, フラミンゴピンク
テトラード近い色：ブルーグレー, オーキッド, キャメル

パステルグリーンを使ったカラーパレット

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

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

パステルグリーンと文字色のコントラスト

白い文字コントラスト比 1.7:1 · 非推奨
黒い文字コントラスト比 12.4:1 · AAA

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

CSSコード

:root {
  --pastel-green: #77DD77;
  --pastel-green-rgb: 119, 221, 119;
}
.bg { background-color: var(--pastel-green); }
.text { color: var(--pastel-green); }

パステルグリーンに近い色

ライトグリーンミントグリーンエメラルドグリーンピスタチオグリーン翡翠色フォレストグリーンアクアマリンアップルグリーン緑モスグリーン

その他の緑系の色

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

よくある質問

パステルグリーンのカラーコードは？

パステルグリーンのHEXコードは#77DD77です。RGBではrgb(119, 221, 119)、HSLではhsl(120, 60%, 67%)、CMYKでは46, 0, 46, 13となります。

パステルグリーンの補色は何色ですか？

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

パステルグリーンの上に白い文字を置いても読みやすいですか？

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