ColorTool
ログイン
#74A403

#74a403 ≈ Apple Green

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

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

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

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

補色

  1. #74a403
  2. #3303a4

分裂補色

  1. #74a403
  2. #0323a4
  3. #8403a4

類似色

  1. #a48403
  2. #74a403
  3. #23a403

トライアド

  1. #74a403
  2. #0374a4
  3. #a40374

テトラード

  1. #74a403
  2. #03a433
  3. #3303a4
  4. #a40374

スクエア

  1. #74a403
  2. #03a484
  3. #3303a4
  4. #a40323

モノクロマティック

  1. #0e1400
  2. #3f5902
  3. #74a403
  4. #a9ef04
  5. #c5fc44

シェード

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

  1. #74a403
  2. #689403
  3. #5d8302
  4. #517302
  5. #466202
  6. #3a5202
  7. #2e4201
  8. #233101
  9. #172101
  10. #0c1000
  11. #000000

ティント

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

  1. #74a403
  2. #82ad1c
  3. #90b635
  4. #9ebf4f
  5. #acc868
  6. #bad281
  7. #c7db9a
  8. #d5e4b3
  9. #e3edcd
  10. #f1f6e6
  11. #ffffff

トーン

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

  1. #74a403
  2. #75a010
  3. #769d1c
  4. #789929
  5. #799635
  6. #7a9242
  7. #7b8e4e
  8. #7c8b5b
  9. #7e8767
  10. #7f8474
  11. #808080

読みやすい文字 2.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #959595 男性の約0.003%
不完全1色覚 #899c76 男性の約0.001%
1型2色覚（P型） #ad9800 男性の約1.01%
2型2色覚（D型） #a69520 男性の約1.27%
3型2色覚（T型） #799c8b 男性の約0.0001%
1型3色覚（P型弱） #999d00 男性の約1.08%
2型3色覚（D型弱） #959b18 男性の約4.63%
3型3色覚（T型弱） #779f6e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#8db600 Apple Green ΔE 6.16 #6b8e23 Olive Drab ΔE 7.65 #4cbb17 Kelly Green ΔE 8.87 #8a9a5b Moss Green ΔE 11.05 #9acd32 Yellow Green ΔE 11.47 #87a96b Asparagus ΔE 11.77 #568203 Avocado ΔE 12.03 #8b5bfc 反転色 #959595 グレースケール 

Apple Green
#74a403  rgb(116, 164, 3)  hsl(78, 96%, 33%)  Apple Green
#3303a4  rgb(51, 3, 164)  hsl(258, 96%, 33%)  Zaffre
#0374a4  rgb(3, 116, 164)  hsl(198, 96%, 33%)  Cerulean
#a40374  rgb(164, 3, 116)  hsl(318, 96%, 33%)  Jazzberry Jam