ColorTool
ログイン
#869575

#869575 ≈ Moss Green

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

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

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

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

補色

  1. #869575
  2. #847595

分裂補色

  1. #869575
  2. #757695
  3. #947595

類似色

  1. #959475
  2. #869575
  3. #769575

トライアド

  1. #869575
  2. #758695
  3. #957586

テトラード

  1. #869575
  2. #759584
  3. #847595
  4. #957586

スクエア

  1. #869575
  2. #759594
  3. #847595
  4. #957576

モノクロマティック

  1. #394031
  2. #606b52
  3. #869575
  4. #acb6a0
  5. #d2d7cc

シェード

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

  1. #869575
  2. #798669
  3. #6b775e
  4. #5e6852
  5. #505946
  6. #434b3b
  7. #363c2f
  8. #282d23
  9. #1b1e17
  10. #0d0f0c
  11. #000000

ティント

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

  1. #869575
  2. #92a083
  3. #9eaa91
  4. #aab59e
  5. #b6bfac
  6. #c3caba
  7. #cfd5c8
  8. #dbdfd6
  9. #e7eae3
  10. #f3f4f1
  11. #ffffff

トーン

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

  1. #869575
  2. #859376
  3. #859177
  4. #848f78
  5. #848d79
  6. #838b7b
  7. #82887c
  8. #82867d
  9. #81847e
  10. #81827f
  11. #808080

読みやすい文字 3.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #909090 男性の約0.003%
不完全1色覚 #8c9286 男性の約0.001%
1型2色覚（P型） #989173 男性の約1.01%
2型2色覚（D型） #969076 男性の約1.27%
3型2色覚（T型） #88928c 男性の約0.0001%
1型3色覚（P型弱） #919274 男性の約1.08%
2型3色覚（D型弱） #909276 男性の約4.63%
3型3色覚（T型弱） #879384 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-869575 {
  color: #869575;
}
背景色
.bg-869575 {
  background-color: #869575;
  color: #000000;
}
枠線
.border-869575 {
  border: 2px solid #869575;
}
CSS変数
:root {
  --color-primary: #869575;
  --color-primary-rgb: 134 149 117;
  --color-primary-hsl: 88 13% 52%;
}
グラデーション
.gradient-869575 {
  background: linear-gradient(135deg, #869575, #769575);
}
色付きの影
.shadow-869575 {
  box-shadow: 0 8px 24px rgb(134 149 117 / 0.35);
}

#8a9a5b Moss Green ΔE 7.92 #738678 Xanadu ΔE 8.32 #87a96b Asparagus ΔE 9.31 #8fbc8f Dark Sea Green ΔE 12.49 #9ab973 Olivine ΔE 13.04 #bcb88a Sage ΔE 13.84 #848482 Battleship Gray ΔE 14.66 #796a8a 反転色 #909090 グレースケール 

Moss Green
#869575  rgb(134, 149, 117)  hsl(88, 13%, 52%)  Moss Green
#847595  rgb(132, 117, 149)  hsl(268, 13%, 52%)  Mountbatten Pink
#758695  rgb(117, 134, 149)  hsl(208, 13%, 52%)  Light Slate Gray
#957586  rgb(149, 117, 134)  hsl(328, 13%, 52%)  Mountbatten Pink