ColorTool
ログイン
#85CF64

#85cf64 ≈ Mantis

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

#85cf64は緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤52.16%、緑81.18%、青39.22%で構成され、CMYK印刷ではシアン35.75%、マゼンタ0%、イエロー51.69%、ブラック18.82%を使います。 HSLでは色相角101.5°、彩度52.71%、明度60.2%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は11.11:1（WCAG AAA）です。 最も近い色名はMantis（#74c365）で、ΔEは3.95です。

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

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

補色

  1. #85cf64
  2. #ae64cf

分裂補色

  1. #85cf64
  2. #7964cf
  3. #cf64ba

類似色

  1. #bacf64
  2. #85cf64
  3. #64cf79

トライアド

  1. #85cf64
  2. #6485cf
  3. #cf6485

テトラード

  1. #85cf64
  2. #64cfae
  3. #ae64cf
  4. #cf6485

スクエア

  1. #85cf64
  2. #64bacf
  3. #ae64cf
  4. #cf7964

モノクロマティック

  1. #3d7624
  2. #5cb037
  3. #85cf64
  4. #b3e19e
  5. #e1f3d9

シェード

#85cf64に黒を段階的に混ぜた色です。

  1. #85cf64
  2. #78ba5a
  3. #6aa650
  4. #5d9146
  5. #507c3c
  6. #436832
  7. #355328
  8. #283e1e
  9. #1b2914
  10. #0d150a
  11. #000000

ティント

#85cf64に白を段階的に混ぜた色です。

  1. #85cf64
  2. #91d474
  3. #9dd983
  4. #aadd93
  5. #b6e2a2
  6. #c2e7b2
  7. #ceecc1
  8. #daf1d1
  9. #e7f5e0
  10. #f3faf0
  11. #ffffff

トーン

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

  1. #85cf64
  2. #85c767
  3. #84bf6a
  4. #84b76c
  5. #83af6f
  6. #83a872
  7. #82a075
  8. #829878
  9. #81907a
  10. #81887d
  11. #808080

読みやすい文字 1.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 11.11:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #bcbcbc 男性の約0.003%
不完全1色覚 #a9c4a1 男性の約0.001%
1型2色覚（P型） #d5c05a 男性の約1.01%
2型2色覚（D型） #cbba6b 男性の約1.27%
3型2色覚（T型） #82c9b7 男性の約0.0001%
1型3色覚（P型弱） #bac65e 男性の約1.08%
2型3色覚（D型弱） #b3c368 男性の約4.63%
3型3色覚（T型弱） #83cb9c 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-85cf64 {
  color: #85cf64;
}
背景色
.bg-85cf64 {
  background-color: #85cf64;
  color: #000000;
}
枠線
.border-85cf64 {
  border: 2px solid #85cf64;
}
CSS変数
:root {
  --color-primary: #85cf64;
  --color-primary-rgb: 133 207 100;
  --color-primary-hsl: 102 53% 60%;
}
グラデーション
.gradient-85cf64 {
  background: linear-gradient(135deg, #85cf64, #64cf79);
}
色付きの影
.shadow-85cf64 {
  box-shadow: 0 8px 24px rgb(133 207 100 / 0.35);
}

#74c365 Mantis ΔE 3.95 #93c572 Pistachio ΔE 4.47 #77dd77 Pastel Green ΔE 4.69 #32cd32 Lime Green ΔE 7.45 #9acd32 Yellow Green ΔE 7.83 #90ee90 Light Green ΔE 8.06 #0bda51 Malachite ΔE 8.09 #7a309b 反転色 #bcbcbc グレースケール 

Mantis
#85cf64  rgb(133, 207, 100)  hsl(102, 53%, 60%)  Mantis
#ae64cf  rgb(174, 100, 207)  hsl(282, 53%, 60%)  Medium Orchid
#6485cf  rgb(100, 133, 207)  hsl(222, 53%, 60%)  Glaucous
#cf6485  rgb(207, 100, 133)  hsl(342, 53%, 60%)  Blush