ColorTool
ログイン
#86FDC1

#86fdc1 ≈ Aquamarine

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

#86fdc1は緑系の色です（明度：高い、彩度：中程度）。 RGBでは赤52.55%、緑99.22%、青75.69%で構成され、CMYK印刷ではシアン47.04%、マゼンタ0%、イエロー23.72%、ブラック0.78%を使います。 HSLでは色相角149.75°、彩度96.75%、明度75.88%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、やわらかなパステル配色に使われます。 この色の上に黒の文字を置くとコントラスト比は16.83:1（WCAG AAA）です。 最も近い色名はAquamarine（#7fffd4）で、ΔEは4.43です。

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

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

補色

  1. #86fdc1
  2. #fd86c2

分裂補色

  1. #86fdc1
  2. #fd86fd
  3. #fd8686

類似色

  1. #86fd86
  2. #86fdc1
  3. #86fdfd

トライアド

  1. #86fdc1
  2. #c186fd
  3. #fdc186

テトラード

  1. #86fdc1
  2. #86c2fd
  3. #fd86c2
  4. #fdc186

スクエア

  1. #86fdc1
  2. #8686fd
  3. #fd86c2
  4. #fdfd86

モノクロマティック

  1. #04e674
  2. #3bfc9a
  3. #86fdc1
  4. #d1fee8
  5. #ebfff5

シェード

#86fdc1に黒を段階的に混ぜた色です。

  1. #86fdc1
  2. #79e4ae
  3. #6bca9a
  4. #5eb187
  5. #509874
  6. #437f61
  7. #36654d
  8. #284c3a
  9. #1b3327
  10. #0d1913
  11. #000000

ティント

#86fdc1に白を段階的に混ぜた色です。

  1. #86fdc1
  2. #92fdc7
  3. #9efdcd
  4. #aafed4
  5. #b6feda
  6. #c3fee0
  7. #cffee6
  8. #dbfeec
  9. #e7fff3
  10. #f3fff9
  11. #ffffff

トーン

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

  1. #86fdc1
  2. #85f1bb
  3. #85e4b4
  4. #84d8ae
  5. #84cba7
  6. #83bfa1
  7. #82b29a
  8. #82a694
  9. #81998d
  10. #818d87
  11. #808080

読みやすい文字 1.25:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 16.83:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #e6e6e6 男性の約0.003%
不完全1色覚 #c7f0d8 男性の約0.001%
1型2色覚（P型） #fbeebe 男性の約1.01%
2型2色覚（D型） #e9e1c5 男性の約1.27%
3型2色覚（T型） #64fcec 男性の約0.0001%
1型3色覚（P型弱） #d6f4bf 男性の約1.08%
2型3色覚（D型弱） #c9edc3 男性の約4.63%
3型3色覚（T型弱） #73fcdc 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-86fdc1 {
  color: #86fdc1;
}
背景色
.bg-86fdc1 {
  background-color: #86fdc1;
  color: #000000;
}
枠線
.border-86fdc1 {
  border: 2px solid #86fdc1;
}
CSS変数
:root {
  --color-primary: #86fdc1;
  --color-primary-rgb: 134 253 193;
  --color-primary-hsl: 150 97% 76%;
}
グラデーション
.gradient-86fdc1 {
  background: linear-gradient(135deg, #86fdc1, #86fdfd);
}
色付きの影
.shadow-86fdc1 {
  box-shadow: 0 8px 24px rgb(134 253 193 / 0.35);
}

#7fffd4 Aquamarine ΔE 4.43 #00fa9a Medium Spring Green ΔE 7.62 #aaf0d1 Magic Mint ΔE 7.97 #98fb98 Pale Green ΔE 8.35 #9fe2bf Seafoam Green ΔE 8.38 #90ee90 Light Green ΔE 8.58 #98ff98 Mint Green ΔE 8.67 #79023e 反転色 #e6e6e6 グレースケール 

Aquamarine
#86fdc1  rgb(134, 253, 193)  hsl(150, 97%, 76%)  Aquamarine
#fd86c2  rgb(253, 134, 194)  hsl(330, 97%, 76%)  Persian Pink
#c186fd  rgb(193, 134, 253)  hsl(270, 97%, 76%)  Floral Lavender
#fdc186  rgb(253, 193, 134)  hsl(30, 97%, 76%)  Peach Orange