ColorTool
ログイン
#8E976C

#8e976c ≈ Moss Green

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

#8e976cは黄緑系の色です（明度：中程度、彩度：低め）。 RGBでは赤55.69%、緑59.22%、青42.35%で構成され、CMYK印刷ではシアン5.96%、マゼンタ0%、イエロー28.48%、ブラック40.78%を使います。 HSLでは色相角72.56°、彩度17.13%、明度50.78%です。 暖色で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.79:1（WCAG AA）です。 最も近い色名はMoss Green（#8a9a5b）で、ΔEは4.77です。

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

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

補色

  1. #8e976c
  2. #756c97

分裂補色

  1. #8e976c
  2. #6c7897
  3. #8a6c97

類似色

  1. #978a6c
  2. #8e976c
  3. #78976c

トライアド

  1. #8e976c
  2. #6c8e97
  3. #976c8e

テトラード

  1. #8e976c
  2. #6c9775
  3. #756c97
  4. #976c8e

スクエア

  1. #8e976c
  2. #6c978a
  3. #756c97
  4. #976c78

モノクロマティック

  1. #3a3e2c
  2. #646b4c
  3. #8e976c
  4. #b0b799
  5. #d3d6c6

シェード

#8e976cに黒を段階的に混ぜた色です。

  1. #8e976c
  2. #808861
  3. #727956
  4. #636a4c
  5. #555b41
  6. #474c36
  7. #393c2b
  8. #2b2d20
  9. #1c1e16
  10. #0e0f0b
  11. #000000

ティント

#8e976cに白を段階的に混ぜた色です。

  1. #8e976c
  2. #99a17b
  3. #a5ac89
  4. #b0b698
  5. #bbc1a7
  6. #c7cbb6
  7. #d2d5c4
  8. #dde0d3
  9. #e8eae2
  10. #f4f5f0
  11. #ffffff

トーン

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

  1. #8e976c
  2. #8d956e
  3. #8b9270
  4. #8a9072
  5. #888e74
  6. #878c76
  7. #868978
  8. #84877a
  9. #83857c
  10. #81827e
  11. #808080

読みやすい文字 3.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.79:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #939393 男性の約0.003%
不完全1色覚 #919485 男性の約0.001%
1型2色覚（P型） #9d9269 男性の約1.01%
2型2色覚（D型） #9c936e 男性の約1.27%
3型2色覚（T型） #92928c 男性の約0.0001%
1型3色覚（P型弱） #97946a 男性の約1.08%
2型3色覚（D型弱） #96956d 男性の約4.63%
3型3色覚（T型弱） #919480 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-8e976c {
  color: #8e976c;
}
背景色
.bg-8e976c {
  background-color: #8e976c;
  color: #000000;
}
枠線
.border-8e976c {
  border: 2px solid #8e976c;
}
CSS変数
:root {
  --color-primary: #8e976c;
  --color-primary-rgb: 142 151 108;
  --color-primary-hsl: 73 17% 51%;
}
グラデーション
.gradient-8e976c {
  background: linear-gradient(135deg, #8e976c, #78976c);
}
色付きの影
.shadow-8e976c {
  box-shadow: 0 8px 24px rgb(142 151 108 / 0.35);
}

#8a9a5b Moss Green ΔE 4.77 #87a96b Asparagus ΔE 7.97 #9ab973 Olivine ΔE 11.18 #bcb88a Sage ΔE 11.52 #738678 Xanadu ΔE 11.85 #8fbc8f Dark Sea Green ΔE 12.79 #6b8e23 Olive Drab ΔE 12.98 #716893 反転色 #939393 グレースケール 

Moss Green
#8e976c  rgb(142, 151, 108)  hsl(73, 17%, 51%)  Moss Green
#756c97  rgb(117, 108, 151)  hsl(253, 17%, 51%)  Purple Mountain Majesty
#6c8e97  rgb(108, 142, 151)  hsl(193, 17%, 51%)  Light Slate Gray
#976c8e  rgb(151, 108, 142)  hsl(313, 17%, 51%)  Mountbatten Pink