ColorTool
ログイン
#8EB90B

#8eb90b ≈ Apple Green

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

#8eb90bは黄緑系の色です（明度：低い、彩度：高め）。 RGBでは赤55.69%、緑72.55%、青4.31%で構成され、CMYK印刷ではシアン23.24%、マゼンタ0%、イエロー94.05%、ブラック27.45%を使います。 HSLでは色相角74.83°、彩度88.78%、明度38.43%です。 暖色で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は9.09:1（WCAG AAA）です。 最も近い色名はApple Green（#8db600）で、ΔEは0.87です。

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

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

補色

  1. #8eb90b
  2. #360bb9

分裂補色

  1. #8eb90b
  2. #0b37b9
  3. #8d0bb9

類似色

  1. #b98d0b
  2. #8eb90b
  3. #37b90b

トライアド

  1. #8eb90b
  2. #0b8eb9
  3. #b90b8e

テトラード

  1. #8eb90b
  2. #0bb936
  3. #360bb9
  4. #b90b8e

スクエア

  1. #8eb90b
  2. #0bb98d
  3. #360bb9
  4. #b90b37

モノクロマティック

  1. #1f2902
  2. #577107
  3. #8eb90b
  4. #bef21f
  5. #d3f667

シェード

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

  1. #8eb90b
  2. #80a70a
  3. #729409
  4. #638208
  5. #556f07
  6. #475d06
  7. #394a04
  8. #2b3803
  9. #1c2502
  10. #0e1301
  11. #000000

ティント

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

  1. #8eb90b
  2. #99c023
  3. #a5c73c
  4. #b0ce54
  5. #bbd56d
  6. #c7dc85
  7. #d2e39d
  8. #ddeab6
  9. #e8f1ce
  10. #f4f8e7
  11. #ffffff

トーン

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

  1. #8eb90b
  2. #8db317
  3. #8bae22
  4. #8aa82e
  5. #88a23a
  6. #879d46
  7. #869751
  8. #84915d
  9. #838b69
  10. #818674
  11. #808080

読みやすい文字 2.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 9.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #ababab 男性の約0.003%
不完全1色覚 #a0b087 男性の約0.001%
1型2色覚（P型） #c4ac00 男性の約1.01%
2型2色覚（D型） #beaa28 男性の約1.27%
3型2色覚（T型） #95af9d 男性の約0.0001%
1型3色覚（P型弱） #b1b100 男性の約1.08%
2型3色覚（D型弱） #adb01f 男性の約4.63%
3型3色覚（T型弱） #92b37d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#8db600 Apple Green ΔE 0.87 #9acd32 Yellow Green ΔE 5.33 #4cbb17 Kelly Green ΔE 9.23 #bdda57 June Bud ΔE 9.76 #93c572 Pistachio ΔE 11.02 #9ab973 Olivine ΔE 11.38 #74c365 Mantis ΔE 11.72 #7146f4 反転色 #ababab グレースケール 

Apple Green
#8eb90b  rgb(142, 185, 11)  hsl(75, 89%, 38%)  Apple Green
#360bb9  rgb(54, 11, 185)  hsl(255, 89%, 38%)  Medium Blue
#0b8eb9  rgb(11, 142, 185)  hsl(195, 89%, 38%)  Bondi Blue
#b90b8e  rgb(185, 11, 142)  hsl(315, 89%, 38%)  Medium Violet Red