ColorTool
ログイン
#80AC2E

#80ac2e ≈ Apple Green

  • 黄緑
  • 明度: 中程度
  • 彩度: 中程度
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#80ac2eは黄緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤50.2%、緑67.45%、青18.04%で構成され、CMYK印刷ではシアン25.58%、マゼンタ0%、イエロー73.26%、ブラック32.55%を使います。 HSLでは色相角80.95°、彩度57.8%、明度42.75%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.86:1（WCAG AAA）です。 最も近い色名はApple Green（#8db600）で、ΔEは4.86です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#999933
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.3429

補色

  1. #80ac2e
  2. #5a2eac

分裂補色

  1. #80ac2e
  2. #2e41ac
  3. #992eac

類似色

  1. #ac992e
  2. #80ac2e
  3. #41ac2e

トライアド

  1. #80ac2e
  2. #2e80ac
  3. #ac2e80

テトラード

  1. #80ac2e
  2. #2eac5a
  3. #5a2eac
  4. #ac2e80

スクエア

  1. #80ac2e
  2. #2eac99
  3. #5a2eac
  4. #ac2e41

モノクロマティック

  1. #26330e
  2. #53701e
  3. #80ac2e
  4. #a6d255
  5. #c6e291

シェード

#80ac2eに黒を段階的に混ぜた色です。

  1. #80ac2e
  2. #739b29
  3. #668a25
  4. #5a7820
  5. #4d671c
  6. #405617
  7. #334512
  8. #26340e
  9. #1a2209
  10. #0d1105
  11. #000000

ティント

#80ac2eに白を段階的に混ぜた色です。

  1. #80ac2e
  2. #8db443
  3. #99bd58
  4. #a6c56d
  5. #b3cd82
  6. #c0d697
  7. #ccdeab
  8. #d9e6c0
  9. #e6eed5
  10. #f2f7ea
  11. #ffffff

トーン

#80ac2eにグレーを段階的に混ぜた色です。

  1. #80ac2e
  2. #80a836
  3. #80a33e
  4. #809f47
  5. #809a4f
  6. #809657
  7. #80925f
  8. #808d67
  9. #808970
  10. #808478
  11. #808080

読みやすい文字 2.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #9e9e9e 男性の約0.003%
不完全1色覚 #93a480 男性の約0.001%
1型2色覚（P型） #b5a016 男性の約1.01%
2型2色覚（D型） #af9d3a 男性の約1.27%
3型2色覚（T型） #85a494 男性の約0.0001%
1型3色覚（P型弱） #a2a522 男性の約1.08%
2型3色覚（D型弱） #9ea335 男性の約4.63%
3型3色覚（T型弱） #83a778 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-80ac2e {
  color: #80ac2e;
}
背景色
.bg-80ac2e {
  background-color: #80ac2e;
  color: #000000;
}
枠線
.border-80ac2e {
  border: 2px solid #80ac2e;
}
CSS変数
:root {
  --color-primary: #80ac2e;
  --color-primary-rgb: 128 172 46;
  --color-primary-hsl: 81 58% 43%;
}
グラデーション
.gradient-80ac2e {
  background: linear-gradient(135deg, #80ac2e, #41ac2e);
}
色付きの影
.shadow-80ac2e {
  box-shadow: 0 8px 24px rgb(128 172 46 / 0.35);
}

#8db600 Apple Green ΔE 4.86 #4cbb17 Kelly Green ΔE 8.03 #9acd32 Yellow Green ΔE 9.09 #9ab973 Olivine ΔE 9.48 #6b8e23 Olive Drab ΔE 9.56 #87a96b Asparagus ΔE 9.62 #93c572 Pistachio ΔE 9.97 #7f53d1 反転色 #9e9e9e グレースケール 

Apple Green
#80ac2e  rgb(128, 172, 46)  hsl(81, 58%, 43%)  Apple Green
#5a2eac  rgb(90, 46, 172)  hsl(261, 58%, 43%)  Rebecca Purple
#2e80ac  rgb(46, 128, 172)  hsl(201, 58%, 43%)  Cerulean
#ac2e80  rgb(172, 46, 128)  hsl(321, 58%, 43%)  Medium Violet Red