カラーパレット

アボカドグリーン

アボカドの皮のような、深みのある黄緑です。1970年代には冷蔵庫やキッチン家電の定番色でした。今ではレトロで素朴なアクセントとしてインテリアに再登場しています。

別名:アボカド色

エディタで開く

アボカドグリーンを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、アボカドグリーンがどう見えるかをチェック。

明るさ

合わせる色

アボカドグリーンのHEXコードは#568203です。RGBではrgb(86, 130, 3)、HSLではhsl(81, 95%, 26%)、CMYKでは34, 0, 98, 49となります。

アボカドグリーンに近い色とカラーコード

フォレストグリーン#228B22緑#008000オリーブグリーン#808000ダークグリーン#006400アップルグリーン#8DB600ダークオリーブグリーン#556B2F苔色こけいろ · #69821B鶸萌黄ひわもえぎ · #90B44B草色くさいろ · #7B8D42

アボカドグリーンの基本情報

アボカドグリーン(#568203)は、中間色系・暗め・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤86・緑130・青3(各255段階)。主な用途:インテリア, ヴィンテージ, ファッション。

アボカドグリーンの色見本と明るい色から暗い色までのグラデーション · #568203
アボカドグリーン · #568203

アボカドグリーンの濃淡:明るいトーンと暗いトーン

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

この色の濃淡を見る: カラースケール生成ツール

アボカドグリーンの配色ハーモニー

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

補色近い色:ネイビー
類似色近い色:オリーブグリーン, 緑
スプリット・コンプリメンタリー近い色:ネイビー, パープル

アボカドグリーンを使ったカラーパレット

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

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

アボカドグリーンと文字色のコントラスト

白い文字コントラスト比 4.6:1 · AA
黒い文字コントラスト比 4.6:1 · AA

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

CSSコード

:root {
  --avocado: #568203;
  --avocado-rgb: 86, 130, 3;
}
.bg { background-color: var(--avocado); }
.text { color: var(--avocado); }

アボカドグリーンに近い色

ファーングリーンモスグリーンピスタチオグリーン真鍮色

その他の緑系の色

緑エメラルドグリーンライムグリーンオリーブグリーンミントグリーンモスグリーンフォレストグリーン翡翠色パイングリーンアップルグリーンセージグリーンボトルグリーンアーミーグリーンネオングリーンピスタチオグリーン草色シャルトリューズパステルグリーンダークグリーンライトグリーンメキシコ国旗の緑青磁色ファーングリーンハンターグリーン
アボカドグリーンの色見本と明るい色から暗い色までのグラデーション · #568203
アボカドグリーンの色見本と明るい色から暗い色までのグラデーション · #568203

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る写真の色を伝統色で写真の5色を、日本の伝統色の名前で表す声色診断5秒話すだけで、あなたの声を日本の伝統色に
無料診断・ツールをすべて見る →

よくある質問

アボカドグリーンのカラーコードは?

アボカドグリーンのHEXコードは#568203です。RGBではrgb(86, 130, 3)、HSLではhsl(81, 95%, 26%)、CMYKでは34, 0, 98, 49となります。

アボカドグリーンの補色は何色ですか?

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

アボカドグリーンの上に白い文字を置いても読みやすいですか?

はい。白とのコントラスト比は4.6:1で、通常サイズの文字にも十分です(WCAG AA)。

緑系の色をすべて見る →