ColorTool
ログイン
#8A63A0

#8a63a0 ≈ Purpureus

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

#8a63a0は紫系の色です（明度：中程度、彩度：低め）。 RGBでは赤54.12%、緑38.82%、青62.75%で構成され、CMYK印刷ではシアン13.75%、マゼンタ38.13%、イエロー0%、ブラック37.25%を使います。 HSLでは色相角278.36°、彩度24.3%、明度50.78%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は4.8:1（WCAG AA）です。 最も近い色名はPurpureus（#9a4eae）で、ΔEは7.42です。

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

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

補色

  1. #8a63a0
  2. #79a063

分裂補色

  1. #8a63a0
  2. #97a063
  3. #63a06b

類似色

  1. #6b63a0
  2. #8a63a0
  3. #a06397

トライアド

  1. #8a63a0
  2. #a08a63
  3. #63a08a

テトラード

  1. #8a63a0
  2. #a06379
  3. #79a063
  4. #63a08a

スクエア

  1. #8a63a0
  2. #a06b63
  3. #79a063
  4. #6397a0

モノクロマティック

  1. #392842
  2. #614571
  3. #8a63a0
  4. #ae93bd
  5. #d1c2da

シェード

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

  1. #8a63a0
  2. #7c5990
  3. #6e4f80
  4. #614570
  5. #533b60
  6. #453250
  7. #372840
  8. #291e30
  9. #1c1420
  10. #0e0a10
  11. #000000

ティント

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

  1. #8a63a0
  2. #9673aa
  3. #a182b3
  4. #ad92bd
  5. #b9a1c6
  6. #c5b1d0
  7. #d0c1d9
  8. #dcd0e3
  9. #e8e0ec
  10. #f3eff6
  11. #ffffff

トーン

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

  1. #8a63a0
  2. #89669d
  3. #88699a
  4. #876c96
  5. #866f93
  6. #857290
  7. #84748d
  8. #83778a
  9. #827a86
  10. #817d83
  11. #808080

読みやすい文字 4.8:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #727272 男性の約0.003%
不完全1色覚 #7c6c87 男性の約0.001%
1型2色覚（P型） #5870a2 男性の約1.01%
2型2色覚（D型） #61739e 男性の約1.27%
3型2色覚（T型） #886b7a 男性の約0.0001%
1型3色覚（P型弱） #6f6ba1 男性の約1.08%
2型3色覚（D型弱） #746d9f 男性の約4.63%
3型3色覚（T型弱） #89688b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-8a63a0 {
  color: #8a63a0;
}
背景色
.bg-8a63a0 {
  background-color: #8a63a0;
  color: #ffffff;
}
枠線
.border-8a63a0 {
  border: 2px solid #8a63a0;
}
CSS変数
:root {
  --color-primary: #8a63a0;
  --color-primary-rgb: 138 99 160;
  --color-primary-hsl: 278 24% 51%;
}
グラデーション
.gradient-8a63a0 {
  background: linear-gradient(135deg, #8a63a0, #a06397);
}
色付きの影
.shadow-8a63a0 {
  box-shadow: 0 8px 24px rgb(138 99 160 / 0.35);
}

#9a4eae Purpureus ΔE 7.42 #9678b6 Purple Mountain Majesty ΔE 7.60 #7851a9 Royal Purple ΔE 8.13 #9966cc Amethyst ΔE 8.60 #8e4585 Deep Plum ΔE 9.91 #9370db Medium Purple ΔE 11.59 #ba55d3 Medium Orchid ΔE 12.07 #759c5f 反転色 #727272 グレースケール 

Purpureus
#8a63a0  rgb(138, 99, 160)  hsl(278, 24%, 51%)  Purpureus
#79a063  rgb(121, 160, 99)  hsl(98, 24%, 51%)  Asparagus
#a08a63  rgb(160, 138, 99)  hsl(38, 24%, 51%)  Camel
#63a08a  rgb(99, 160, 138)  hsl(158, 24%, 51%)  Jungle Green