ColorTool
ログイン
#8EA740

#8ea740 ≈ Apple Green

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

#8ea740は黄緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤55.69%、緑65.49%、青25.1%で構成され、CMYK印刷ではシアン14.97%、マゼンタ0%、イエロー61.68%、ブラック34.51%を使います。 HSLでは色相角74.56°、彩度44.59%、明度45.29%です。 暖色で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.75:1（WCAG AAA）です。 最も近い色名はApple Green（#8db600）で、ΔEは6.67です。

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

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

補色

  1. #8ea740
  2. #5940a7

分裂補色

  1. #8ea740
  2. #405aa7
  3. #8c40a7

類似色

  1. #a78c40
  2. #8ea740
  3. #5aa740

トライアド

  1. #8ea740
  2. #408ea7
  3. #a7408e

テトラード

  1. #8ea740
  2. #40a759
  3. #5940a7
  4. #a7408e

スクエア

  1. #8ea740
  2. #40a78c
  3. #5940a7
  4. #a7405a

モノクロマティック

  1. #303816
  2. #5f702b
  3. #8ea740
  4. #b1c76d
  5. #cedca4

シェード

#8ea740に黒を段階的に混ぜた色です。

  1. #8ea740
  2. #80963a
  3. #728633
  4. #63752d
  5. #556426
  6. #475420
  7. #39431a
  8. #2b3213
  9. #1c210d
  10. #0e1106
  11. #000000

ティント

#8ea740に白を段階的に混ぜた色です。

  1. #8ea740
  2. #99b053
  3. #a5b966
  4. #b0c179
  5. #bbca8c
  6. #c7d3a0
  7. #d2dcb3
  8. #dde5c6
  9. #e8edd9
  10. #f4f6ec
  11. #ffffff

トーン

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

  1. #8ea740
  2. #8da346
  3. #8b9f4d
  4. #8a9b53
  5. #88975a
  6. #879460
  7. #869066
  8. #848c6d
  9. #838873
  10. #81847a
  11. #808080

読みやすい文字 2.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.75:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #9d9d9d 男性の約0.003%
不完全1色覚 #97a182 男性の約0.001%
1型2色覚（P型） #b19e34 男性の約1.01%
2型2色覚（D型） #ad9d47 男性の約1.27%
3型2色覚（T型） #959f91 男性の約0.0001%
1型3色覚（P型弱） #a4a139 男性の約1.08%
2型3色覚（D型弱） #a2a144 男性の約4.63%
3型3色覚（T型弱） #92a279 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-8ea740 {
  color: #8ea740;
}
背景色
.bg-8ea740 {
  background-color: #8ea740;
  color: #000000;
}
枠線
.border-8ea740 {
  border: 2px solid #8ea740;
}
CSS変数
:root {
  --color-primary: #8ea740;
  --color-primary-rgb: 142 167 64;
  --color-primary-hsl: 75 45% 45%;
}
グラデーション
.gradient-8ea740 {
  background: linear-gradient(135deg, #8ea740, #5aa740);
}
色付きの影
.shadow-8ea740 {
  box-shadow: 0 8px 24px rgb(142 167 64 / 0.35);
}

#8db600 Apple Green ΔE 6.67 #8a9a5b Moss Green ΔE 7.20 #87a96b Asparagus ΔE 8.24 #9ab973 Olivine ΔE 8.30 #6b8e23 Olive Drab ΔE 9.15 #93c572 Pistachio ΔE 10.35 #bdb76b Dark Khaki ΔE 10.60 #7158bf 反転色 #9d9d9d グレースケール 

Apple Green
#8ea740  rgb(142, 167, 64)  hsl(75, 45%, 45%)  Apple Green
#5940a7  rgb(89, 64, 167)  hsl(255, 45%, 45%)  Ocean Blue
#408ea7  rgb(64, 142, 167)  hsl(195, 45%, 45%)  Bondi Blue
#a7408e  rgb(167, 64, 142)  hsl(315, 45%, 45%)  Deep Plum