カラーパレット

エメラルドグリーン

コロンビアが大量に産出する宝石、エメラルドにちなんだ名前です。わずかに青みを帯びた、鮮やかで輝くような緑です。2013年のパントン・カラー・オブ・ザ・イヤーで、イブニングドレスやベルベットで人気があります。

別名:エメラルド, エメラルド色

エメラルドグリーン · #50C878

エメラルドグリーンの基本情報

エメラルドグリーン(#50C878)は、中間色系・中くらいの明るさ・中くらいの彩度の色です。緑系の色のグループに属します。RGBの値は赤80・緑200・青120(各255段階)。主な用途:ジュエリー, ファッション, インテリア。

エメラルドグリーンの濃淡:明るいトーンと暗いトーン

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

エメラルドグリーンに合う色

ゴールドもっとも豪華で上品な組み合わせです。黒夜のお出かけに映える、ドラマチックなコントラスト。白爽やかで清潔感のある印象にします。くすみピンク補色同士のやわらかなコントラストです。ネイビー2つの寒色がとても上品にまとまります。ワインレッド宝石のような色同士が引き立て合います。ライトグレー主役を奪わずに緑を落ち着かせます。ベージュ温かみのあるニュートラルなベースです。
エメラルドグリーンのファッション・インテリアでの合わせ方 →

エメラルドグリーンの配色ハーモニー

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

補色近い色:ネオンピンク
トライアド近い色:グレープ, 銅色
スプリット・コンプリメンタリー近い色:オーキッド, インディアンレッド

エメラルドグリーンを使ったカラーパレット

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

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

エメラルドグリーンと文字色のコントラスト

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

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

CSSコード

:root {
  --emerald-green: #50C878;
  --emerald-green-rgb: 80, 200, 120;
}
.bg { background-color: var(--emerald-green); }
.text { color: var(--emerald-green); }

エメラルドグリーンに近い色

パステルグリーン翡翠色ライトグリーンピスタチオグリーンミントグリーンフォレストグリーンアクアマリン緑ターコイズモスグリーン

この色を使ったテーマ別パレット

その他の緑系の色

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

よくある質問

エメラルドグリーンのカラーコードは?

エメラルドグリーンのHEXコードは#50C878です。RGBではrgb(80, 200, 120)、HSLではhsl(140, 52%, 55%)、CMYKでは60, 0, 40, 22となります。

エメラルドグリーンの補色は何色ですか?

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

エメラルドグリーンの上に白い文字を置いても読みやすいですか?

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

エメラルドグリーンに合う色は?

相性のよい色:ゴールド, 黒, 白, くすみピンク, ネイビー。ライムのような黄みの緑や純粋な赤との組み合わせは、クリスマスっぽくなったり、やりすぎに見えたりするので避けましょう。鮮やかな色を一度にたくさん混ぜるのも控えてください。