ColorTool
ログイン
#956A8A

#956a8a ≈ Mountbatten Pink

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

#956a8aはマゼンタ系の色です（明度：中程度、彩度：低め）。 RGBでは赤58.43%、緑41.57%、青54.12%で構成され、CMYK印刷ではシアン0%、マゼンタ28.86%、イエロー7.38%、ブラック41.57%を使います。 HSLでは色相角315.35°、彩度16.86%、明度50%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は4.71:1（WCAG AA）です。 最も近い色名はMountbatten Pink（#997a8d）で、ΔEは6.67です。

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

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

補色

  1. #956a8a
  2. #6a9575

分裂補色

  1. #956a8a
  2. #75956a
  3. #6a958a

類似色

  1. #8a6a95
  2. #956a8a
  3. #956a75

トライアド

  1. #956a8a
  2. #8a956a
  3. #6a8a95

テトラード

  1. #956a8a
  2. #95756a
  3. #6a9575
  4. #6a8a95

スクエア

  1. #956a8a
  2. #958a6a
  3. #6a9575
  4. #6a7595

モノクロマティック

  1. #3c2a37
  2. #684a61
  3. #956a8a
  4. #b597ad
  5. #d5c3d0

シェード

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

  1. #956a8a
  2. #865f7c
  3. #77556e
  4. #684a61
  5. #594053
  6. #4b3545
  7. #3c2a37
  8. #2d2029
  9. #1e151c
  10. #0f0b0e
  11. #000000

ティント

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

  1. #956a8a
  2. #a07996
  3. #aa88a1
  4. #b597ad
  5. #bfa6b9
  6. #cab5c5
  7. #d5c3d0
  8. #dfd2dc
  9. #eae1e8
  10. #f4f0f3
  11. #ffffff

トーン

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

  1. #956a8a
  2. #936c89
  3. #916e88
  4. #8f7187
  5. #8d7386
  6. #8b7585
  7. #887784
  8. #867983
  9. #847c82
  10. #827e81
  11. #808080

読みやすい文字 4.46:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.71:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #777777 男性の約0.003%
不完全1色覚 #84727f 男性の約0.001%
1型2色覚（P型） #6a738b 男性の約1.01%
2型2色覚（D型） #757a89 男性の約1.27%
3型2色覚（T型） #9a6b75 男性の約0.0001%
1型3色覚（P型弱） #7e708b 男性の約1.08%
2型3色覚（D型弱） #837489 男性の約4.63%
3型3色覚（T型弱） #986b7e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-956a8a {
  color: #956a8a;
}
背景色
.bg-956a8a {
  background-color: #956a8a;
  color: #000000;
}
枠線
.border-956a8a {
  border: 2px solid #956a8a;
}
CSS変数
:root {
  --color-primary: #956a8a;
  --color-primary-rgb: 149 106 138;
  --color-primary-hsl: 315 17% 50%;
}
グラデーション
.gradient-956a8a {
  background: linear-gradient(135deg, #956a8a, #956a75);
}
色付きの影
.shadow-956a8a {
  box-shadow: 0 8px 24px rgb(149 106 138 / 0.35);
}

#997a8d Mountbatten Pink ΔE 6.67 #915f6d Mauve Taupe ΔE 8.07 #796878 Old Lavender ΔE 9.54 #b57281 Turkish Rose ΔE 10.51 #8a496b Twilight Lavender ΔE 10.97 #9678b6 Purple Mountain Majesty ΔE 11.18 #8e4585 Deep Plum ΔE 12.10 #6a9575 反転色 #777777 グレースケール 

Mountbatten Pink
#956a8a  rgb(149, 106, 138)  hsl(315, 17%, 50%)  Mountbatten Pink
#6a9575  rgb(106, 149, 117)  hsl(135, 17%, 50%)  Xanadu
#8a956a  rgb(138, 149, 106)  hsl(75, 17%, 50%)  Moss Green
#6a8a95  rgb(106, 138, 149)  hsl(195, 17%, 50%)  Light Slate Gray