ColorTool
ログイン
#521968

#521968 ≈ Indigo

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

#521968はマゼンタ系の色です（明度：低い、彩度：中程度）。 RGBでは赤32.16%、緑9.8%、青40.78%で構成され、CMYK印刷ではシアン21.15%、マゼンタ75.96%、イエロー0%、ブラック59.22%を使います。 HSLでは色相角283.29°、彩度61.24%、明度25.29%です。 寒色で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は12.37:1（WCAG AAA）です。 最も近い色名はIndigo（#4b0082）で、ΔEは6.67です。

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

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

補色

  1. #521968
  2. #2f6819

分裂補色

  1. #521968
  2. #566819
  3. #19682a

類似色

  1. #2a1968
  2. #521968
  3. #681956

トライアド

  1. #521968
  2. #685219
  3. #196852

テトラード

  1. #521968
  2. #68192f
  3. #2f6819
  4. #196852

スクエア

  1. #521968
  2. #682a19
  3. #2f6819
  4. #195668

モノクロマティック

  1. #0d0410
  2. #210a2a
  3. #521968
  4. #8328a6
  5. #ac47d3

シェード

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

  1. #521968
  2. #4a175e
  3. #421453
  4. #391249
  5. #310f3e
  6. #290d34
  7. #210a2a
  8. #19081f
  9. #100515
  10. #08030a
  11. #000000

ティント

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

  1. #521968
  2. #633077
  3. #754786
  4. #865e95
  5. #9775a4
  6. #a98cb4
  7. #baa3c3
  8. #cbbad2
  9. #dcd1e1
  10. #eee8f0
  11. #ffffff

トーン

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

  1. #521968
  2. #57236a
  3. #5b2e6d
  4. #60386f
  5. #644272
  6. #694d74
  7. #6e5776
  8. #726179
  9. #776b7b
  10. #7b767e
  11. #808080

読みやすい文字 12.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #343434 男性の約0.003%
不完全1色覚 #422c4e 男性の約0.001%
1型2色覚（P型） #00316a 男性の約1.01%
2型2色覚（D型） #163666 男性の約1.27%
3型2色覚（T型） #502a3f 男性の約0.0001%
1型3色覚（P型弱） #312969 男性の約1.08%
2型3色覚（D型弱） #372d67 男性の約4.63%
3型3色覚（T型弱） #512452 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#4b0082 Indigo ΔE 6.67 #6c3082 Eminence ΔE 7.24 #32127a Persian Indigo ΔE 8.30 #800080 Purple ΔE 8.82 #702963 Byzantium ΔE 9.08 #663399 Rebecca Purple ΔE 9.74 #880085 Mardi Gras ΔE 10.27 #ade697 反転色 #343434 グレースケール 

Indigo
#521968  rgb(82, 25, 104)  hsl(283, 61%, 25%)  Indigo
#2f6819  rgb(47, 104, 25)  hsl(103, 61%, 25%)  Pakistan Green
#685219  rgb(104, 82, 25)  hsl(43, 61%, 25%)  Field Drab
#196852  rgb(25, 104, 82)  hsl(163, 61%, 25%)  Tropical Rain Forest