ColorTool
ログイン
#7DBC19

#7dbc19 ≈ Apple Green

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

#7dbc19は黄緑系の色です（明度：中程度、彩度：高め）。 RGBでは赤49.02%、緑73.73%、青9.8%で構成され、CMYK印刷ではシアン33.51%、マゼンタ0%、イエロー86.7%、ブラック26.27%を使います。 HSLでは色相角83.19°、彩度76.53%、明度41.76%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は9.08:1（WCAG AAA）です。 最も近い色名はApple Green（#8db600）で、ΔEは4です。

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

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

補色

  1. #7dbc19
  2. #5819bc

分裂補色

  1. #7dbc19
  2. #192bbc
  3. #a919bc

類似色

  1. #bca919
  2. #7dbc19
  3. #2bbc19

トライアド

  1. #7dbc19
  2. #197dbc
  3. #bc197d

テトラード

  1. #7dbc19
  2. #19bc58
  3. #5819bc
  4. #bc197d

スクエア

  1. #7dbc19
  2. #19bca9
  3. #5819bc
  4. #bc192b

モノクロマティック

  1. #233507
  2. #507810
  3. #7dbc19
  4. #a4e53c
  5. #c3ee80

シェード

#7dbc19に黒を段階的に混ぜた色です。

  1. #7dbc19
  2. #71a917
  3. #649614
  4. #588412
  5. #4b710f
  6. #3f5e0d
  7. #324b0a
  8. #263808
  9. #192605
  10. #0d1303
  11. #000000

ティント

#7dbc19に白を段階的に混ぜた色です。

  1. #7dbc19
  2. #8ac330
  3. #97c947
  4. #a4d05e
  5. #b1d775
  6. #bede8c
  7. #cbe4a3
  8. #d8ebba
  9. #e5f2d1
  10. #f2f8e8
  11. #ffffff

トーン

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

  1. #7dbc19
  2. #7db623
  3. #7eb02e
  4. #7eaa38
  5. #7ea442
  6. #7f9e4d
  7. #7f9857
  8. #7f9261
  9. #7f8c6b
  10. #808676
  11. #808080

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

1色覚（全色盲） #aaaaaa 男性の約0.003%
不完全1色覚 #9ab288 男性の約0.001%
1型2色覚（P型） #c5ad00 男性の約1.01%
2型2色覚（D型） #bda92f 男性の約1.27%
3型2色覚（T型） #80b3a0 男性の約0.0001%
1型3色覚（P型弱） #adb300 男性の約1.08%
2型3色覚（D型弱） #a7b128 男性の約4.63%
3型3色覚（T型弱） #7fb780 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-7dbc19 {
  color: #7dbc19;
}
背景色
.bg-7dbc19 {
  background-color: #7dbc19;
  color: #000000;
}
枠線
.border-7dbc19 {
  border: 2px solid #7dbc19;
}
CSS変数
:root {
  --color-primary: #7dbc19;
  --color-primary-rgb: 125 188 25;
  --color-primary-hsl: 83 77% 42%;
}
グラデーション
.gradient-7dbc19 {
  background: linear-gradient(135deg, #7dbc19, #2bbc19);
}
色付きの影
.shadow-7dbc19 {
  box-shadow: 0 8px 24px rgb(125 188 25 / 0.35);
}

#8db600 Apple Green ΔE 4.00 #9acd32 Yellow Green ΔE 5.36 #4cbb17 Kelly Green ΔE 5.87 #32cd32 Lime Green ΔE 9.05 #74c365 Mantis ΔE 9.17 #93c572 Pistachio ΔE 9.64 #bdda57 June Bud ΔE 10.75 #8243e6 反転色 #aaaaaa グレースケール 

Apple Green
#7dbc19  rgb(125, 188, 25)  hsl(83, 77%, 42%)  Apple Green
#5819bc  rgb(88, 25, 188)  hsl(263, 77%, 42%)  Medium Blue
#197dbc  rgb(25, 125, 188)  hsl(203, 77%, 42%)  Steel Blue
#bc197d  rgb(188, 25, 125)  hsl(323, 77%, 42%)  Medium Violet Red