ColorTool
ログイン
#AB118D

#ab118d ≈ Medium Violet Red

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

#ab118dはマゼンタ系の色です（明度：低い、彩度：高め）。 RGBでは赤67.06%、緑6.67%、青55.29%で構成され、CMYK印刷ではシアン0%、マゼンタ90.06%、イエロー17.54%、ブラック32.94%を使います。 HSLでは色相角311.69°、彩度81.91%、明度36.86%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、CTAボタンに使われます。 この色の上に白の文字を置くとコントラスト比は6.57:1（WCAG AA）です。 最も近い色名はMedium Violet Red（#c71585）で、ΔEは7.25です。

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

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

補色

  1. #ab118d
  2. #11ab2f

分裂補色

  1. #ab118d
  2. #40ab11
  3. #11ab7c

類似色

  1. #7c11ab
  2. #ab118d
  3. #ab1140

トライアド

  1. #ab118d
  2. #8dab11
  3. #118dab

テトラード

  1. #ab118d
  2. #ab2f11
  3. #11ab2f
  4. #118dab

スクエア

  1. #ab118d
  2. #ab7c11
  3. #11ab2f
  4. #1140ab

モノクロマティック

  1. #20031a
  2. #650a54
  3. #ab118d
  4. #e920c2
  5. #f065d5

シェード

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

  1. #ab118d
  2. #9a0f7f
  3. #890e71
  4. #780c63
  5. #670a55
  6. #560947
  7. #440738
  8. #33052a
  9. #22031c
  10. #11020e
  11. #000000

ティント

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

  1. #ab118d
  2. #b32998
  3. #bc41a4
  4. #c458af
  5. #cd70bb
  6. #d588c6
  7. #dda0d1
  8. #e6b8dd
  9. #eecfe8
  10. #f7e7f4
  11. #ffffff

トーン

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

  1. #ab118d
  2. #a71c8c
  3. #a2278a
  4. #9e3289
  5. #9a3d88
  6. #964987
  7. #915485
  8. #8d5f84
  9. #896a83
  10. #847581
  11. #808080

読みやすい文字 6.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #5d5d5d 男性の約0.003%
不完全1色覚 #834a73 男性の約0.001%
1型2色覚（P型） #1f4f90 男性の約1.01%
2型2色覚（D型） #56658a 男性の約1.27%
3型2色覚（T型） #b51d53 男性の約0.0001%
1型3色覚（P型弱） #733e8f 男性の約1.08%
2型3色覚（D型弱） #81508b 男性の約4.63%
3型3色覚（T型弱） #b1196f 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#c71585 Medium Violet Red ΔE 7.25 #8b008b Dark Magenta ΔE 7.32 #880085 Mardi Gras ΔE 7.67 #8e4585 Deep Plum ΔE 7.84 #800080 Purple ΔE 9.16 #a50b5e Jazzberry Jam ΔE 9.87 #9a4eae Purpureus ΔE 10.63 #54ee72 反転色 #5d5d5d グレースケール 

Medium Violet Red
#ab118d  rgb(171, 17, 141)  hsl(312, 82%, 37%)  Medium Violet Red
#11ab2f  rgb(17, 171, 47)  hsl(132, 82%, 37%)  Kelly Green
#8dab11  rgb(141, 171, 17)  hsl(72, 82%, 37%)  Apple Green
#118dab  rgb(17, 141, 171)  hsl(192, 82%, 37%)  Bondi Blue