ColorTool
ログイン
#759D68

#759d68 ≈ Asparagus

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

#759d68は緑系の色です（明度：中程度、彩度：低め）。 RGBでは赤45.88%、緑61.57%、青40.78%で構成され、CMYK印刷ではシアン25.48%、マゼンタ0%、イエロー33.76%、ブラック38.43%を使います。 HSLでは色相角105.28°、彩度21.29%、明度51.18%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.78:1（WCAG AA）です。 最も近い色名はAsparagus（#87a96b）で、ΔEは4.8です。

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

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

補色

  1. #759d68
  2. #90689d

分裂補色

  1. #759d68
  2. #76689d
  3. #9d6890

類似色

  1. #909d68
  2. #759d68
  3. #689d76

トライアド

  1. #759d68
  2. #68759d
  3. #9d6875

テトラード

  1. #759d68
  2. #689d90
  3. #90689d
  4. #9d6875

スクエア

  1. #759d68
  2. #68909d
  3. #90689d
  4. #9d7668

モノクロマティック

  1. #30422b
  2. #527049
  3. #759d68
  4. #9fbb96
  5. #cad9c5

シェード

#759d68に黒を段階的に混ぜた色です。

  1. #759d68
  2. #698d5e
  3. #5e7e53
  4. #526e49
  5. #465e3e
  6. #3b4f34
  7. #2f3f2a
  8. #232f1f
  9. #171f15
  10. #0c100a
  11. #000000

ティント

#759d68に白を段階的に混ぜた色です。

  1. #759d68
  2. #83a777
  3. #91b186
  4. #9eba95
  5. #acc4a4
  6. #baceb4
  7. #c8d8c3
  8. #d6e2d2
  9. #e3ebe1
  10. #f1f5f0
  11. #ffffff

トーン

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

  1. #759d68
  2. #769a6a
  3. #77976d
  4. #78946f
  5. #799172
  6. #7b8f74
  7. #7c8c76
  8. #7d8979
  9. #7e867b
  10. #7f837e
  11. #808080

読みやすい文字 3.1:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.78:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #929292 男性の約0.003%
不完全1色覚 #889783 男性の約0.001%
1型2色覚（P型） #a09564 男性の約1.01%
2型2色覚（D型） #9a916b 男性の約1.27%
3型2色覚（T型） #73998f 男性の約0.0001%
1型3色覚（P型弱） #919866 男性の約1.08%
2型3色覚（D型弱） #8d966a 男性の約4.63%
3型3色覚（T型弱） #749b81 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-759d68 {
  color: #759d68;
}
背景色
.bg-759d68 {
  background-color: #759d68;
  color: #000000;
}
枠線
.border-759d68 {
  border: 2px solid #759d68;
}
CSS変数
:root {
  --color-primary: #759d68;
  --color-primary-rgb: 117 157 104;
  --color-primary-hsl: 105 21% 51%;
}
グラデーション
.gradient-759d68 {
  background: linear-gradient(135deg, #759d68, #689d76);
}
色付きの影
.shadow-759d68 {
  box-shadow: 0 8px 24px rgb(117 157 104 / 0.35);
}

#87a96b Asparagus ΔE 4.80 #8a9a5b Moss Green ΔE 6.75 #8fbc8f Dark Sea Green ΔE 9.63 #9ab973 Olivine ΔE 9.80 #3cb371 Medium Sea Green ΔE 10.42 #009e60 Shamrock Green ΔE 10.93 #00a86b Jade ΔE 11.19 #8a6297 反転色 #929292 グレースケール 

Asparagus
#759d68  rgb(117, 157, 104)  hsl(105, 21%, 51%)  Asparagus
#90689d  rgb(144, 104, 157)  hsl(285, 21%, 51%)  Purple Mountain Majesty
#68759d  rgb(104, 117, 157)  hsl(225, 21%, 51%)  Glaucous
#9d6875  rgb(157, 104, 117)  hsl(345, 21%, 51%)  Mauve Taupe