ColorTool
ログイン
#958ABA

#958aba ≈ Purple Mountain Majesty

  • 紫
  • 明度: 高い
  • 彩度: 低め
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#958abaは紫系の色です（明度：高い、彩度：低め）。 RGBでは赤58.43%、緑54.12%、青72.94%で構成され、CMYK印刷ではシアン19.89%、マゼンタ25.81%、イエロー0%、ブラック27.06%を使います。 HSLでは色相角253.75°、彩度25.81%、明度63.53%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.62:1（WCAG AA）です。 最も近い色名はPurple Mountain Majesty（#9678b6）で、ΔEは6.61です。

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

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

補色

  1. #958aba
  2. #afba8a

分裂補色

  1. #958aba
  2. #baad8a
  3. #97ba8a

類似色

  1. #8a97ba
  2. #958aba
  3. #ad8aba

トライアド

  1. #958aba
  2. #ba958a
  3. #8aba95

テトラード

  1. #958aba
  2. #ba8aaf
  3. #afba8a
  4. #8aba95

スクエア

  1. #958aba
  2. #ba8a97
  3. #afba8a
  4. #8abaad

モノクロマティック

  1. #4a3f6c
  2. #6a5c9c
  3. #958aba
  4. #c1bad6
  5. #eceaf3

シェード

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

  1. #958aba
  2. #867ca7
  3. #776e95
  4. #686182
  5. #595370
  6. #4b455d
  7. #3c374a
  8. #2d2938
  9. #1e1c25
  10. #0f0e13
  11. #000000

ティント

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

  1. #958aba
  2. #a096c1
  3. #aaa1c8
  4. #b5adcf
  5. #bfb9d6
  6. #cac5dd
  7. #d5d0e3
  8. #dfdcea
  9. #eae8f1
  10. #f4f3f8
  11. #ffffff

トーン

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

  1. #958aba
  2. #9389b4
  3. #9188ae
  4. #8f87a9
  5. #8d86a3
  6. #8b859d
  7. #888497
  8. #868391
  9. #84828c
  10. #828186
  11. #808080

読みやすい文字 3.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #919191 男性の約0.003%
不完全1色覚 #928ea3 男性の約0.001%
1型2色覚（P型） #7f91bc 男性の約1.01%
2型2色覚（D型） #8090b9 男性の約1.27%
3型2色覚（T型） #8e929b 男性の約0.0001%
1型3色覚（P型弱） #888ebb 男性の約1.08%
2型3色覚（D型弱） #898eb9 男性の約4.63%
3型3色覚（T型弱） #918fa8 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#9678b6 Purple Mountain Majesty ΔE 6.61 #8c92ac Cool Gray ΔE 8.48 #b57edc Floral Lavender ΔE 10.72 #b39eb5 Pastel Purple ΔE 10.88 #aa98a9 Rose Quartz ΔE 11.23 #c9a0dc Wisteria ΔE 11.57 #a2add0 Wild Blue Yonder ΔE 11.88 #6a7545 反転色 #919191 グレースケール 

Purple Mountain Majesty
#958aba  rgb(149, 138, 186)  hsl(254, 26%, 64%)  Purple Mountain Majesty
#afba8a  rgb(175, 186, 138)  hsl(74, 26%, 64%)  Sage
#ba958a  rgb(186, 149, 138)  hsl(14, 26%, 64%)  Rosy Brown
#8aba95  rgb(138, 186, 149)  hsl(134, 26%, 64%)  Dark Sea Green