ColorTool
ログイン
#8052CB

#8052cb ≈ Slate Blue

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

#8052cbは紫系の色です（明度：中程度、彩度：中程度）。 RGBでは赤50.2%、緑32.16%、青79.61%で構成され、CMYK印刷ではシアン36.95%、マゼンタ59.61%、イエロー0%、ブラック20.39%を使います。 HSLでは色相角262.81°、彩度53.78%、明度55.88%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は5.27:1（WCAG AA）です。 最も近い色名はSlate Blue（#6a5acd）で、ΔEは4.98です。

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

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

補色

  1. #8052cb
  2. #9dcb52

分裂補色

  1. #8052cb
  2. #cbbc52
  3. #60cb52

類似色

  1. #5260cb
  2. #8052cb
  3. #bc52cb

トライアド

  1. #8052cb
  2. #cb8052
  3. #52cb80

テトラード

  1. #8052cb
  2. #cb529d
  3. #9dcb52
  4. #52cb80

スクエア

  1. #8052cb
  2. #cb5260
  3. #9dcb52
  4. #52cbbc

モノクロマティック

  1. #391f65
  2. #5b30a0
  3. #8052cb
  4. #ab8ddd
  5. #d6c8ee

シェード

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

  1. #8052cb
  2. #734ab7
  3. #6642a2
  4. #5a398e
  5. #4d317a
  6. #402966
  7. #332151
  8. #26193d
  9. #1a1029
  10. #0d0814
  11. #000000

ティント

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

  1. #8052cb
  2. #8d63d0
  3. #9975d5
  4. #a686db
  5. #b397e0
  6. #c0a9e5
  7. #ccbaea
  8. #d9cbef
  9. #e6dcf5
  10. #f2eefa
  11. #ffffff

トーン

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

  1. #8052cb
  2. #8057c4
  3. #805bbc
  4. #8060b5
  5. #8064ad
  6. #8069a6
  7. #806e9e
  8. #807297
  9. #80778f
  10. #807b88
  11. #808080

読みやすい文字 5.27:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.99:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #6c6c6c 男性の約0.003%
不完全1色覚 #74629b 男性の約0.001%
1型2色覚（P型） #006ccf 男性の約1.01%
2型2色覚（D型） #226ac8 男性の約1.27%
3型2色覚（T型） #6f6c87 男性の約0.0001%
1型3色覚（P型弱） #5363cd 男性の約1.08%
2型3色覚（D型弱） #5762c9 男性の約4.63%
3型3色覚（T型弱） #7663a6 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-8052cb {
  color: #8052cb;
}
背景色
.bg-8052cb {
  background-color: #8052cb;
  color: #ffffff;
}
枠線
.border-8052cb {
  border: 2px solid #8052cb;
}
CSS変数
:root {
  --color-primary: #8052cb;
  --color-primary-rgb: 128 82 203;
  --color-primary-hsl: 263 54% 56%;
}
グラデーション
.gradient-8052cb {
  background: linear-gradient(135deg, #8052cb, #bc52cb);
}
色付きの影
.shadow-8052cb {
  box-shadow: 0 8px 24px rgb(128 82 203 / 0.35);
}

#6a5acd Slate Blue ΔE 4.98 #7851a9 Royal Purple ΔE 5.70 #6050dc Majorelle Blue ΔE 6.25 #5a4fcf Iris ΔE 6.89 #9932cc Dark Orchid ΔE 7.15 #8a2be2 Blue Violet ΔE 7.34 #9966cc Amethyst ΔE 7.90 #7fad34 反転色 #6c6c6c グレースケール 

Slate Blue
#8052cb  rgb(128, 82, 203)  hsl(263, 54%, 56%)  Slate Blue
#9dcb52  rgb(157, 203, 82)  hsl(83, 54%, 56%)  Yellow Green
#cb8052  rgb(203, 128, 82)  hsl(23, 54%, 56%)  Raw Sienna
#52cb80  rgb(82, 203, 128)  hsl(143, 54%, 56%)  Emerald