ColorTool
ログイン
#999975

#999975 ≈ Moss Green

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

#999975は黄系の色です（明度：中程度、彩度：低め）。 RGBでは赤60%、緑60%、青45.88%で構成され、CMYK印刷ではシアン0%、マゼンタ0%、イエロー23.53%、ブラック40%を使います。 HSLでは色相角60°、彩度15%、明度52.94%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.17:1（WCAG AAA）です。 最も近い色名はMoss Green（#8a9a5b）で、ΔEは7.83です。

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

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

補色

  1. #999975
  2. #757599

分裂補色

  1. #999975
  2. #758799
  3. #877599

類似色

  1. #998775
  2. #999975
  3. #879975

トライアド

  1. #999975
  2. #759999
  3. #997599

テトラード

  1. #999975
  2. #759975
  3. #757599
  4. #997599

スクエア

  1. #999975
  2. #759987
  3. #757599
  4. #997587

モノクロマティック

  1. #434332
  2. #6f6f52
  3. #999975
  4. #babaa1
  5. #dadacd

シェード

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

  1. #999975
  2. #8a8a69
  3. #7a7a5e
  4. #6b6b52
  5. #5c5c46
  6. #4d4d3b
  7. #3d3d2f
  8. #2e2e23
  9. #1f1f17
  10. #0f0f0c
  11. #000000

ティント

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

  1. #999975
  2. #a3a383
  3. #adad91
  4. #b8b89e
  5. #c2c2ac
  6. #ccccba
  7. #d6d6c8
  8. #e0e0d6
  9. #ebebe3
  10. #f5f5f1
  11. #ffffff

トーン

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

  1. #999975
  2. #979776
  3. #949477
  4. #929278
  5. #8f8f79
  6. #8d8d7b
  7. #8a8a7c
  8. #88887d
  9. #85857e
  10. #83837f
  11. #808080

読みやすい文字 2.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #979797 男性の約0.003%
不完全1色覚 #98988b 男性の約0.001%
1型2色覚（P型） #9f9673 男性の約1.01%
2型2色覚（D型） #a09876 男性の約1.27%
3型2色覚（T型） #9e948f 男性の約0.0001%
1型3色覚（P型弱） #9d9774 男性の約1.08%
2型3色覚（D型弱） #9d9876 男性の約4.63%
3型3色覚（T型弱） #9c9686 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#8a9a5b Moss Green ΔE 7.83 #bcb88a Sage ΔE 9.62 #c2b280 Ecru ΔE 10.53 #87a96b Asparagus ΔE 10.73 #bdb76b Dark Khaki ΔE 12.43 #9ab973 Olivine ΔE 12.70 #738678 Xanadu ΔE 12.79 #66668a 反転色 #979797 グレースケール 

Moss Green
#999975  rgb(153, 153, 117)  hsl(60, 15%, 53%)  Moss Green
#757599  rgb(117, 117, 153)  hsl(240, 15%, 53%)  Purple Mountain Majesty
#759999  rgb(117, 153, 153)  hsl(180, 15%, 53%)  Cadet Blue
#997599  rgb(153, 117, 153)  hsl(300, 15%, 53%)  Mountbatten Pink