ColorTool
ログイン
#68F121

#68f121 ≈ Lawn Green

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

#68f121は緑系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤40.78%、緑94.51%、青12.94%で構成され、CMYK印刷ではシアン56.85%、マゼンタ0%、イエロー86.31%、ブラック5.49%を使います。 HSLでは色相角99.52°、彩度88.14%、明度53.73%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は14.19:1（WCAG AAA）です。 最も近い色名はLawn Green（#7cfc00）で、ΔEは3.19です。

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

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

補色

  1. #68f121
  2. #aa21f1

分裂補色

  1. #68f121
  2. #4221f1
  3. #f121d0

類似色

  1. #d0f121
  2. #68f121
  3. #21f142

トライアド

  1. #68f121
  2. #2168f1
  3. #f12168

テトラード

  1. #68f121
  2. #21f1aa
  3. #aa21f1
  4. #f12168

スクエア

  1. #68f121
  2. #21d0f1
  3. #aa21f1
  4. #f14221

モノクロマティック

  1. #2c7207
  2. #47ba0c
  3. #68f121
  4. #99f669
  5. #cafab1

シェード

#68f121に黒を段階的に混ぜた色です。

  1. #68f121
  2. #5ed91e
  3. #53c11a
  4. #49a917
  5. #3e9114
  6. #347911
  7. #2a600d
  8. #1f480a
  9. #153007
  10. #0a1803
  11. #000000

ティント

#68f121に白を段階的に混ぜた色です。

  1. #68f121
  2. #77f237
  3. #86f44d
  4. #95f564
  5. #a4f77a
  6. #b4f890
  7. #c3f9a6
  8. #d2fbbc
  9. #e1fcd3
  10. #f0fee9
  11. #ffffff

トーン

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

  1. #68f121
  2. #6ae62b
  3. #6dda34
  4. #6fcf3e
  5. #72c447
  6. #74b951
  7. #76ad5a
  8. #79a264
  9. #7b976d
  10. #7e8b77
  11. #808080

読みやすい文字 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 14.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #d4d4d4 男性の約0.003%
不完全1色覚 #b3e0aa 男性の約0.001%
1型2色覚（P型） #f9db00 男性の約1.01%
2型2色覚（D型） #e8d040 男性の約1.27%
3型2色覚（T型） #5be8cd 男性の約0.0001%
1型3色覚（P型弱） #cfe400 男性の約1.08%
2型3色覚（D型弱） #c2de36 男性の約4.63%
3型3色覚（T型弱） #60eca5 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-68f121 {
  color: #68f121;
}
背景色
.bg-68f121 {
  background-color: #68f121;
  color: #000000;
}
枠線
.border-68f121 {
  border: 2px solid #68f121;
}
CSS変数
:root {
  --color-primary: #68f121;
  --color-primary-rgb: 104 241 33;
  --color-primary-hsl: 100 88% 54%;
}
グラデーション
.gradient-68f121 {
  background: linear-gradient(135deg, #68f121, #21f142);
}
色付きの影
.shadow-68f121 {
  box-shadow: 0 8px 24px rgb(104 241 33 / 0.35);
}

#7cfc00 Lawn Green ΔE 3.19 #3fff00 Harlequin ΔE 3.49 #39ff14 Neon Green ΔE 3.62 #7fff00 Chartreuse ΔE 3.80 #00ff00 Lime ΔE 4.21 #a7fc00 Spring Bud ΔE 7.01 #adff2f Green Yellow ΔE 7.12 #970ede 反転色 #d4d4d4 グレースケール 

Lawn Green
#68f121  rgb(104, 241, 33)  hsl(100, 88%, 54%)  Lawn Green
#aa21f1  rgb(170, 33, 241)  hsl(280, 88%, 54%)  Vivid Violet
#2168f1  rgb(33, 104, 241)  hsl(220, 88%, 54%)  Royal Blue
#f12168  rgb(241, 33, 104)  hsl(340, 88%, 54%)  Cerise