アップルグリーン

青りんごの皮のような、明るい黄緑です。みずみずしく若々しい印象を与えます。飲料ブランドやモダンなキッチン、学用品に登場します。

別名：青りんご色, アップル

アップルグリーン · #8DB600

アップルグリーンの基本情報

アップルグリーン（#8DB600）は、中間色系・中くらいの明るさ・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤141・緑182・青0（各255段階）。主な用途：子ども向け, 食品, ウェブ。

アップルグリーンの濃淡：明るいトーンと暗いトーン

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

アップルグリーンの配色ハーモニー

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

補色近い色：ダークブルー

類似色近い色：キャラメル, 緑

トライアド近い色：セルリアンブルー, パープル

スプリット・コンプリメンタリー近い色：クラインブルー, 紫

テトラード近い色：翡翠色, ダークブルー, ルビーレッド

アップルグリーンを使ったカラーパレット

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

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

類似色パレット · アップルグリーン

補色パレット · アップルグリーン

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

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

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

アップルグリーンと文字色のコントラスト

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

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

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

CSSコード

:root {
  --apple-green: #8DB600;
  --apple-green-rgb: 141, 182, 0;
}
.bg { background-color: var(--apple-green); }
.text { color: var(--apple-green); }

アップルグリーンに近い色

オリーブグリーンオールドゴールドコーンイエロー蛍光イエローライムグリーンピスタチオグリーンフォレストグリーン緑パステルグリーンカナリアイエロー

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

よくある質問

アップルグリーンのカラーコードは？

アップルグリーンのHEXコードは#8DB600です。RGBではrgb(141, 182, 0)、HSLではhsl(74, 100%, 36%)、CMYKでは23, 0, 100, 29となります。

アップルグリーンの補色は何色ですか？

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

アップルグリーンの上に白い文字を置いても読みやすいですか？

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