ColorTool
ログイン
#72C604

#72c604 ≈ Yellow Green

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

#72c604は黄緑系の色です（明度：低い、彩度：とても高い）。 RGBでは赤44.71%、緑77.65%、青1.57%で構成され、CMYK印刷ではシアン42.42%、マゼンタ0%、イエロー97.98%、ブラック22.35%を使います。 HSLでは色相角85.98°、彩度96.04%、明度39.61%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は9.79:1（WCAG AAA）です。 最も近い色名はYellow Green（#9acd32）で、ΔEは5.24です。

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

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

補色

  1. #72c604
  2. #5804c6

分裂補色

  1. #72c604
  2. #0411c6
  3. #b904c6

類似色

  1. #c6b904
  2. #72c604
  3. #11c604

トライアド

  1. #72c604
  2. #0472c6
  3. #c60472

テトラード

  1. #72c604
  2. #04c658
  3. #5804c6
  4. #c60472

スクエア

  1. #72c604
  2. #04c6b9
  3. #5804c6
  4. #c60411

モノクロマティック

  1. #1c3001
  2. #477b02
  3. #72c604
  4. #9afa1c
  5. #bbfc67

シェード

#72c604に黒を段階的に混ぜた色です。

  1. #72c604
  2. #67b204
  3. #5b9e03
  4. #508b03
  5. #447702
  6. #396302
  7. #2e4f02
  8. #223b01
  9. #172801
  10. #0b1400
  11. #000000

ティント

#72c604に白を段階的に混ぜた色です。

  1. #72c604
  2. #80cc1d
  3. #8ed136
  4. #9cd74f
  5. #aadd68
  6. #b9e382
  7. #c7e89b
  8. #d5eeb4
  9. #e3f4cd
  10. #f1f9e6
  11. #ffffff

トーン

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

  1. #72c604
  2. #73bf10
  3. #75b81d
  4. #76b129
  5. #78aa36
  6. #79a342
  7. #7a9c4e
  8. #7c955b
  9. #7d8e67
  10. #7f8774
  11. #808080

読みやすい文字 2.14:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 9.79:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b1b1b1 男性の約0.003%
不完全1色覚 #9cba8d 男性の約0.001%
1型2色覚（P型） #ceb500 男性の約1.01%
2型2色覚（D型） #c3af2a 男性の約1.27%
3型2色覚（T型） #72bea8 男性の約0.0001%
1型3色覚（P型弱） #b1bc00 男性の約1.08%
2型3色覚（D型弱） #a9b820 男性の約4.63%
3型3色覚（T型弱） #72c185 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-72c604 {
  color: #72c604;
}
背景色
.bg-72c604 {
  background-color: #72c604;
  color: #000000;
}
枠線
.border-72c604 {
  border: 2px solid #72c604;
}
CSS変数
:root {
  --color-primary: #72c604;
  --color-primary-rgb: 114 198 4;
  --color-primary-hsl: 86 96% 40%;
}
グラデーション
.gradient-72c604 {
  background: linear-gradient(135deg, #72c604, #11c604);
}
色付きの影
.shadow-72c604 {
  box-shadow: 0 8px 24px rgb(114 198 4 / 0.35);
}

#9acd32 Yellow Green ΔE 5.24 #4cbb17 Kelly Green ΔE 5.27 #8db600 Apple Green ΔE 6.64 #32cd32 Lime Green ΔE 6.88 #74c365 Mantis ΔE 9.11 #93c572 Pistachio ΔE 10.25 #0bda51 Malachite ΔE 10.32 #8d39fb 反転色 #b1b1b1 グレースケール 

Yellow Green
#72c604  rgb(114, 198, 4)  hsl(86, 96%, 40%)  Yellow Green
#5804c6  rgb(88, 4, 198)  hsl(266, 96%, 40%)  Medium Blue
#0472c6  rgb(4, 114, 198)  hsl(206, 96%, 40%)  True Blue
#c60472  rgb(198, 4, 114)  hsl(326, 96%, 40%)  Medium Violet Red