ColorTool
ログイン
#801489

#801489 ≈ Dark Magenta

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

#801489はマゼンタ系の色です（明度：低い、彩度：中程度）。 RGBでは赤50.2%、緑7.84%、青53.73%で構成され、CMYK印刷ではシアン6.57%、マゼンタ85.4%、イエロー0%、ブラック46.27%を使います。 HSLでは色相角295.38°、彩度74.52%、明度30.78%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は8.83:1（WCAG AAA）です。 最も近い色名はDark Magenta（#8b008b）で、ΔEは2.03です。

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

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

補色

  1. #801489
  2. #1d8914

分裂補色

  1. #801489
  2. #578914
  3. #148945

類似色

  1. #451489
  2. #801489
  3. #891457

トライアド

  1. #801489
  2. #898014
  3. #148980

テトラード

  1. #801489
  2. #89141d
  3. #1d8914
  4. #148980

スクエア

  1. #801489
  2. #894514
  3. #1d8914
  4. #145789

モノクロマティック

  1. #110312
  2. #420a46
  3. #801489
  4. #be1ecc
  5. #da50e6

シェード

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

  1. #801489
  2. #73127b
  3. #66106e
  4. #5a0e60
  5. #4d0c52
  6. #400a45
  7. #330837
  8. #260629
  9. #1a041b
  10. #0d020e
  11. #000000

ティント

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

  1. #801489
  2. #8d2c95
  3. #9943a1
  4. #a65bac
  5. #b372b8
  6. #c08ac4
  7. #cca1d0
  8. #d9b9dc
  9. #e6d0e7
  10. #f2e8f3
  11. #ffffff

トーン

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

  1. #801489
  2. #801f88
  3. #802a87
  4. #803486
  5. #803f85
  6. #804a85
  7. #805584
  8. #806083
  9. #806a82
  10. #807581
  11. #808080

読みやすい文字 8.83:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #4a4a4a 男性の約0.003%
不完全1色覚 #643b69 男性の約0.001%
1型2色覚（P型） #00428c 男性の約1.01%
2型2色覚（D型） #2f4e86 男性の約1.27%
3型2色覚（T型） #832d51 男性の約0.0001%
1型3色覚（P型弱） #50358b 男性の約1.08%
2型3色覚（D型弱） #5a3f87 男性の約4.63%
3型3色覚（T型弱） #82256c 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-801489 {
  color: #801489;
}
背景色
.bg-801489 {
  background-color: #801489;
  color: #ffffff;
}
枠線
.border-801489 {
  border: 2px solid #801489;
}
CSS変数
:root {
  --color-primary: #801489;
  --color-primary-rgb: 128 20 137;
  --color-primary-hsl: 295 75% 31%;
}
グラデーション
.gradient-801489 {
  background: linear-gradient(135deg, #801489, #891457);
}
色付きの影
.shadow-801489 {
  box-shadow: 0 8px 24px rgb(128 20 137 / 0.35);
}

#8b008b Dark Magenta ΔE 2.03 #880085 Mardi Gras ΔE 2.06 #800080 Purple ΔE 2.07 #6c3082 Eminence ΔE 5.28 #663399 Rebecca Purple ΔE 7.86 #69359c Purple Heart ΔE 7.93 #702963 Byzantium ΔE 8.54 #7feb76 反転色 #4a4a4a グレースケール 

Dark Magenta
#801489  rgb(128, 20, 137)  hsl(295, 75%, 31%)  Dark Magenta
#1d8914  rgb(29, 137, 20)  hsl(115, 75%, 31%)  India Green
#898014  rgb(137, 128, 20)  hsl(55, 75%, 31%)  Olive
#148980  rgb(20, 137, 128)  hsl(175, 75%, 31%)  Dark Cyan