ColorTool
ログイン
#7DF673

#7df673 ≈ Mint Green

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

#7df673は緑系の色です（明度：高い、彩度：高め）。 RGBでは赤49.02%、緑96.47%、青45.1%で構成され、CMYK印刷ではシアン49.19%、マゼンタ0%、イエロー53.25%、ブラック3.53%を使います。 HSLでは色相角115.42°、彩度87.92%、明度70.78%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は15.3:1（WCAG AAA）です。 最も近い色名はMint Green（#98ff98）で、ΔEは4.58です。

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

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

補色

  1. #7df673
  2. #ec73f6

分裂補色

  1. #7df673
  2. #aa73f6
  3. #f673be

類似色

  1. #bef673
  2. #7df673
  3. #73f6aa

トライアド

  1. #7df673
  2. #737df6
  3. #f6737d

テトラード

  1. #7df673
  2. #73f6ec
  3. #ec73f6
  4. #f6737d

スクエア

  1. #7df673
  2. #73bef6
  3. #ec73f6
  4. #f6aa73

モノクロマティック

  1. #1bc30d
  2. #3af12b
  3. #7df673
  4. #c0fbbb
  5. #edfeec

シェード

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

  1. #7df673
  2. #71dd68
  3. #64c55c
  4. #58ac51
  5. #4b9445
  6. #3f7b3a
  7. #32622e
  8. #264a23
  9. #193117
  10. #0d190c
  11. #000000

ティント

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

  1. #7df673
  2. #8af781
  3. #97f88f
  4. #a4f99d
  5. #b1faab
  6. #befbb9
  7. #cbfbc7
  8. #d8fcd5
  9. #e5fde3
  10. #f2fef1
  11. #ffffff

トーン

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

  1. #7df673
  2. #7dea74
  3. #7ede76
  4. #7ed377
  5. #7ec778
  6. #7fbb7a
  7. #7faf7b
  8. #7fa37c
  9. #7f987d
  10. #808c7f
  11. #808080

読みやすい文字 1.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 15.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #dcdcdc 男性の約0.003%
不完全1色覚 #bde7bb 男性の約0.001%
1型2色覚（P型） #fbe367 男性の約1.01%
2型2色覚（D型） #ebd87c 男性の約1.27%
3型2色覚（T型） #6eefd8 男性の約0.0001%
1型3色覚（P型弱） #d4eb6c 男性の約1.08%
2型3色覚（D型弱） #c8e579 男性の約4.63%
3型3色覚（T型弱） #74f2b9 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#98ff98 Mint Green ΔE 4.58 #98fb98 Pale Green ΔE 4.71 #90ee90 Light Green ΔE 5.00 #00ff7f Spring Green ΔE 5.91 #77dd77 Pastel Green ΔE 6.13 #39ff14 Neon Green ΔE 7.21 #3fff00 Harlequin ΔE 7.49 #82098c 反転色 #dcdcdc グレースケール 

Mint Green
#7df673  rgb(125, 246, 115)  hsl(115, 88%, 71%)  Mint Green
#ec73f6  rgb(236, 115, 246)  hsl(295, 88%, 71%)  Heliotrope
#737df6  rgb(115, 125, 246)  hsl(235, 88%, 71%)  Medium Slate Blue
#f6737d  rgb(246, 115, 125)  hsl(355, 88%, 71%)  Light Coral