ColorTool
ログイン
#511192

#511192 ≈ Indigo

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

#511192は紫系の色です（明度：低い、彩度：高め）。 RGBでは赤31.76%、緑6.67%、青57.25%で構成され、CMYK印刷ではシアン44.52%、マゼンタ88.36%、イエロー0%、ブラック42.75%を使います。 HSLでは色相角269.77°、彩度79.14%、明度31.96%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は11.38:1（WCAG AAA）です。 最も近い色名はIndigo（#4b0082）で、ΔEは3.12です。

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

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

補色

  1. #511192
  2. #529211

分裂補色

  1. #511192
  2. #929211
  3. #119211

類似色

  1. #111192
  2. #511192
  3. #921192

トライアド

  1. #511192
  2. #925111
  3. #119251

テトラード

  1. #511192
  2. #921152
  3. #529211
  4. #119251

スクエア

  1. #511192
  2. #921111
  3. #529211
  4. #119292

モノクロマティック

  1. #0a0212
  2. #2b094d
  3. #511192
  4. #7719d7
  5. #9d51eb

シェード

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

  1. #511192
  2. #490f83
  3. #410e75
  4. #390c66
  5. #310a58
  6. #290949
  7. #20073a
  8. #18052c
  9. #10031d
  10. #08020f
  11. #000000

ティント

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

  1. #511192
  2. #62299d
  3. #7441a8
  4. #8558b3
  5. #9770be
  6. #a888c9
  7. #b9a0d3
  8. #cbb8de
  9. #dccfe9
  10. #eee7f4
  11. #ffffff

トーン

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

  1. #511192
  2. #561c90
  3. #5a278e
  4. #5f328d
  5. #643d8b
  6. #694989
  7. #6d5487
  8. #725f85
  9. #776a84
  10. #7b7582
  11. #808080

読みやすい文字 11.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #3a3a3a 男性の約0.003%
不完全1色覚 #442e69 男性の約0.001%
1型2色覚（P型） #003a95 男性の約1.01%
2型2色覚（D型） #003990 男性の約1.27%
3型2色覚（T型） #403955 男性の約0.0001%
1型3色覚（P型弱） #172e94 男性の約1.08%
2型3色覚（D型弱） #202d91 男性の約4.63%
3型3色覚（T型弱） #472e73 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-511192 {
  color: #511192;
}
背景色
.bg-511192 {
  background-color: #511192;
  color: #ffffff;
}
枠線
.border-511192 {
  border: 2px solid #511192;
}
CSS変数
:root {
  --color-primary: #511192;
  --color-primary-rgb: 81 17 146;
  --color-primary-hsl: 270 79% 32%;
}
グラデーション
.gradient-511192 {
  background: linear-gradient(135deg, #511192, #921192);
}
色付きの影
.shadow-511192 {
  box-shadow: 0 8px 24px rgb(81 17 146 / 0.35);
}

#4b0082 Indigo ΔE 3.12 #32127a Persian Indigo ΔE 5.70 #663399 Rebecca Purple ΔE 7.20 #0014a8 Zaffre ΔE 7.87 #69359c Purple Heart ΔE 7.88 #000f89 Phthalo Blue ΔE 8.48 #00008b Dark Blue ΔE 8.51 #aeee6d 反転色 #3a3a3a グレースケール 

Indigo
#511192  rgb(81, 17, 146)  hsl(270, 79%, 32%)  Indigo
#529211  rgb(82, 146, 17)  hsl(90, 79%, 32%)  Olive Drab
#925111  rgb(146, 81, 17)  hsl(30, 79%, 32%)  Saddle Brown
#119251  rgb(17, 146, 81)  hsl(150, 79%, 32%)  Sea Green