ミントグリーン

ミントの葉のような、明るくさわやかな緑です。清潔でリラックスした印象を与えます。レトロなキッチンやアイスクリーム、春服、パステル調のデザインの定番です。

別名：ミント, ミント色

ミントグリーン · #98FF98

ミントグリーンの基本情報

ミントグリーン（#98FF98）は、中間色系・明るめ・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤152・緑255・青152（各255段階）。主な用途：インテリア, ファッション, 製菓。

ミントグリーンの濃淡：明るいトーンと暗いトーン

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

ミントグリーンに合う色

白清潔感のある夏らしい印象に。グレーミントを落ち着かせ、モダンにします。ピンク甘く陽気なパステル同士の組み合わせです。コーラル温かく生き生きとしたコントラストです。ネイビーミントに重みと上品さを与えます。パステルイエロー明るい春らしい組み合わせです。ラベンダー互いに引き立て合う、寒色系のパステル2色です。ゴールドパステルカラーにほどよい高級感を添えます。

ミントグリーンのファッション・インテリアでの合わせ方 →

ミントグリーンの配色ハーモニー

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

補色近い色：オーキッド

類似色近い色：ライトグリーン, アクアマリン

トライアド近い色：ラベンダー, フラミンゴピンク

スプリット・コンプリメンタリー近い色：ラベンダー, フラミンゴピンク

テトラード近い色：ベビーブルー, オーキッド, ピーチ

ミントグリーンを使ったカラーパレット

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

モノクロマティックパレット · ミントグリーン

類似色パレット · ミントグリーン

補色パレット · ミントグリーン

トライアドパレット · ミントグリーン

ニュートラルカラー入りパレット · ミントグリーン

アクセントカラー入りパレット · ミントグリーン

ミントグリーンと文字色のコントラスト

白い文字コントラスト比 1.2:1 · 非推奨

黒い文字コントラスト比 17.1:1 · AAA

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

CSSコード

:root {
  --mint-green: #98FF98;
  --mint-green-rgb: 152, 255, 152;
}
.bg { background-color: var(--mint-green); }
.text { color: var(--mint-green); }

ミントグリーンに近い色

ライトグリーンパステルグリーンエメラルドグリーンピスタチオグリーンアクアマリン翡翠色パステルイエローアップルグリーンフォレストグリーンターコイズ

よくある質問

ミントグリーンのカラーコードは？

ミントグリーンのHEXコードは#98FF98です。RGBではrgb(152, 255, 152)、HSLではhsl(120, 100%, 80%)、CMYKでは40, 0, 40, 0となります。

ミントグリーンの補色は何色ですか？

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

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

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

ミントグリーンに合う色は？

相性のよい色：白, グレー, ピンク, コーラル, ネイビー。濃い緑やアーミーグリーンと合わせると、ミントが色あせて見えるので避けましょう。ネオンカラーを隣に置くのもミントをくすませます。