カラーパレット

ピスタチオグリーン

ピスタチオのナッツのような、わずかに黄みを帯びた明るい緑です。甘くやわらかな印象があります。ジェラートやマカロン、キッチン、春服で見かけます。

別名:ピスタチオ, ピスタチオ色

ピスタチオグリーン · #93C572

ピスタチオグリーンの基本情報

ピスタチオグリーン(#93C572)は、中間色系・中くらいの明るさ・中くらいの彩度の色です。緑系の色のグループに属します。RGBの値は赤147・緑197・青114(各255段階)。主な用途:製菓, インテリア, ファッション。

ピスタチオグリーンの濃淡:明るいトーンと暗いトーン

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

ピスタチオグリーンの配色ハーモニー

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

補色近い色:ラベンダー
類似色近い色:エメラルドグリーン
トライアド近い色:スチールブルー, ローズゴールド
スプリット・コンプリメンタリー近い色:アメジスト, オーキッド
テトラード近い色:水色, ラベンダー, オールドローズ

ピスタチオグリーンを使ったカラーパレット

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

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

ピスタチオグリーンと文字色のコントラスト

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

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

CSSコード

:root {
  --pistachio-green: #93C572;
  --pistachio-green-rgb: 147, 197, 114;
}
.bg { background-color: var(--pistachio-green); }
.text { color: var(--pistachio-green); }

ピスタチオグリーンに近い色

ライトグリーンパステルグリーンモスグリーンエメラルドグリーンミントグリーンセージグリーン翡翠色サンドベージュパステルイエローフォレストグリーン

その他の緑系の色

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

よくある質問

ピスタチオグリーンのカラーコードは?

ピスタチオグリーンのHEXコードは#93C572です。RGBではrgb(147, 197, 114)、HSLではhsl(96, 42%, 61%)、CMYKでは25, 0, 42, 23となります。

ピスタチオグリーンの補色は何色ですか?

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

ピスタチオグリーンの上に白い文字を置いても読みやすいですか?

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