ColorTool
ログイン
#74AE14

#74ae14 ≈ Apple Green

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

#74ae14は黄緑系の色です（明度：低い、彩度：高め）。 RGBでは赤45.49%、緑68.24%、青7.84%で構成され、CMYK印刷ではシアン33.33%、マゼンタ0%、イエロー88.51%、ブラック31.76%を使います。 HSLでは色相角82.6°、彩度79.38%、明度38.04%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.81:1（WCAG AAA）です。 最も近い色名はApple Green（#8db600）で、ΔEは4.86です。

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

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

補色

  1. #74ae14
  2. #4e14ae

分裂補色

  1. #74ae14
  2. #1427ae
  3. #9b14ae

類似色

  1. #ae9b14
  2. #74ae14
  3. #27ae14

トライアド

  1. #74ae14
  2. #1474ae
  3. #ae1474

テトラード

  1. #74ae14
  2. #14ae4e
  3. #4e14ae
  4. #ae1474

スクエア

  1. #74ae14
  2. #14ae9b
  3. #4e14ae
  4. #ae1427

モノクロマティック

  1. #192504
  2. #46690c
  3. #74ae14
  4. #9fe628
  5. #bdee6d

シェード

#74ae14に黒を段階的に混ぜた色です。

  1. #74ae14
  2. #689d12
  3. #5d8b10
  4. #517a0e
  5. #46680c
  6. #3a570a
  7. #2e4608
  8. #233406
  9. #172304
  10. #0c1102
  11. #000000

ティント

#74ae14に白を段階的に混ぜた色です。

  1. #74ae14
  2. #82b62c
  3. #90be43
  4. #9ec65b
  5. #acce72
  6. #bad78a
  7. #c7dfa1
  8. #d5e7b9
  9. #e3efd0
  10. #f1f7e8
  11. #ffffff

トーン

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

  1. #74ae14
  2. #75a91f
  3. #76a52a
  4. #78a034
  5. #799c3f
  6. #7a974a
  7. #7b9255
  8. #7c8e60
  9. #7e896a
  10. #7f8575
  11. #808080

読みやすい文字 2.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #9e9e9e 男性の約0.003%
不完全1色覚 #8fa47e 男性の約0.001%
1型2色覚（P型） #b7a000 男性の約1.01%
2型2色覚（D型） #af9c2a 男性の約1.27%
3型2色覚（T型） #77a694 男性の約0.0001%
1型3色覚（P型弱） #a0a600 男性の約1.08%
2型3色覚（D型弱） #9ba423 男性の約4.63%
3型3色覚（T型弱） #76a976 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-74ae14 {
  color: #74ae14;
}
背景色
.bg-74ae14 {
  background-color: #74ae14;
  color: #000000;
}
枠線
.border-74ae14 {
  border: 2px solid #74ae14;
}
CSS変数
:root {
  --color-primary: #74ae14;
  --color-primary-rgb: 116 174 20;
  --color-primary-hsl: 83 79% 38%;
}
グラデーション
.gradient-74ae14 {
  background: linear-gradient(135deg, #74ae14, #27ae14);
}
色付きの影
.shadow-74ae14 {
  box-shadow: 0 8px 24px rgb(116 174 20 / 0.35);
}

#8db600 Apple Green ΔE 4.86 #4cbb17 Kelly Green ΔE 6.30 #9acd32 Yellow Green ΔE 8.98 #74c365 Mantis ΔE 10.23 #6b8e23 Olive Drab ΔE 10.26 #32cd32 Lime Green ΔE 10.95 #93c572 Pistachio ΔE 11.03 #8b51eb 反転色 #9e9e9e グレースケール 

Apple Green
#74ae14  rgb(116, 174, 20)  hsl(83, 79%, 38%)  Apple Green
#4e14ae  rgb(78, 20, 174)  hsl(263, 79%, 38%)  Medium Blue
#1474ae  rgb(20, 116, 174)  hsl(203, 79%, 38%)  French Blue
#ae1474  rgb(174, 20, 116)  hsl(323, 79%, 38%)  Jazzberry Jam