アボカドの皮のような、深みのある黄緑です。1970年代には冷蔵庫やキッチン家電の定番色でした。今ではレトロで素朴なアクセントとしてインテリアに再登場しています。
別名:アボカド色
服・ネイル・髪色・部屋・車・スマホケースで、アボカドグリーンがどう見えるかをチェック。
明るさ
合わせる色
アボカドグリーンのHEXコードは#568203です。RGBではrgb(86, 130, 3)、HSLではhsl(81, 95%, 26%)、CMYKでは34, 0, 98, 49となります。
アボカドグリーン(#568203)は、中間色系・暗め・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤86・緑130・青3(各255段階)。主な用途:インテリア, ヴィンテージ, ファッション。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--avocado: #568203;
--avocado-rgb: 86, 130, 3;
}
.bg { background-color: var(--avocado); }
.text { color: var(--avocado); }
アボカドグリーンのHEXコードは#568203です。RGBではrgb(86, 130, 3)、HSLではhsl(81, 95%, 26%)、CMYKでは34, 0, 98, 49となります。
色相環で反対側にある補色は#2F0382で、ネイビーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は4.6:1で、通常サイズの文字にも十分です(WCAG AA)。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか? 詳しく見る