ColorTool
ログイン
#D7A8CE

#d7a8ce ≈ Lilac

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

#d7a8ceはマゼンタ系の色です（明度：高い、彩度：低め）。 RGBでは赤84.31%、緑65.88%、青80.78%で構成され、CMYK印刷ではシアン0%、マゼンタ21.86%、イエロー4.19%、ブラック15.69%を使います。 HSLでは色相角311.49°、彩度37.01%、明度75.1%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、やわらかなパステル配色に使われます。 この色の上に黒の文字を置くとコントラスト比は10.38:1（WCAG AAA）です。 最も近い色名はLilac（#c8a2c8）で、ΔEは3.09です。

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

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

補色

  1. #d7a8ce
  2. #a8d7b1

分裂補色

  1. #d7a8ce
  2. #b7d7a8
  3. #a8d7c9

類似色

  1. #c9a8d7
  2. #d7a8ce
  3. #d7a8b7

トライアド

  1. #d7a8ce
  2. #ced7a8
  3. #a8ced7

テトラード

  1. #d7a8ce
  2. #d7b1a8
  3. #a8d7b1
  4. #a8ced7

スクエア

  1. #d7a8ce
  2. #d7c9a8
  3. #a8d7b1
  4. #a8b7d7

モノクロマティック

  1. #9e488d
  2. #bf74b0
  3. #d7a8ce
  4. #efdcec
  5. #f9f1f7

シェード

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

  1. #d7a8ce
  2. #c297b9
  3. #ac86a5
  4. #977690
  5. #81657c
  6. #6c5467
  7. #564352
  8. #41323e
  9. #2b2229
  10. #161115
  11. #000000

ティント

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

  1. #d7a8ce
  2. #dbb1d3
  3. #dfb9d8
  4. #e3c2dd
  5. #e7cbe2
  6. #ebd4e7
  7. #efdceb
  8. #f3e5f0
  9. #f7eef5
  10. #fbf6fa
  11. #ffffff

トーン

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

  1. #d7a8ce
  2. #cea4c6
  3. #c6a0be
  4. #bd9cb7
  5. #b498af
  6. #ac94a7
  7. #a3909f
  8. #9a8c97
  9. #918890
  10. #898488
  11. #808080

読みやすい文字 2.02:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 10.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b6b6b6 男性の約0.003%
不完全1色覚 #c4b1c0 男性の約0.001%
1型2色覚（P型） #a8b2d0 男性の約1.01%
2型2色覚（D型） #b2b9cc 男性の約1.27%
3型2色覚（T型） #dcaab5 男性の約0.0001%
1型3色覚（P型弱） #bcaecf 男性の約1.08%
2型3色覚（D型弱） #c2b2cd 男性の約4.63%
3型3色覚（T型弱） #daa9bf 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-d7a8ce {
  color: #d7a8ce;
}
背景色
.bg-d7a8ce {
  background-color: #d7a8ce;
  color: #000000;
}
枠線
.border-d7a8ce {
  border: 2px solid #d7a8ce;
}
CSS変数
:root {
  --color-primary: #d7a8ce;
  --color-primary-rgb: 215 168 206;
  --color-primary-hsl: 311 37% 75%;
}
グラデーション
.gradient-d7a8ce {
  background: linear-gradient(135deg, #d7a8ce, #d7a8b7);
}
色付きの影
.shadow-d7a8ce {
  box-shadow: 0 8px 24px rgb(215 168 206 / 0.35);
}

#c8a2c8 Lilac ΔE 3.09 #dda0dd Plum ΔE 5.49 #c9a0dc Wisteria ΔE 6.87 #d8bfd8 Thistle ΔE 7.59 #f6adc6 Nadeshiko Pink ΔE 8.14 #b39eb5 Pastel Purple ΔE 8.86 #ffa6c9 Carnation Pink ΔE 8.86 #285731 反転色 #b6b6b6 グレースケール 

Lilac
#d7a8ce  rgb(215, 168, 206)  hsl(311, 37%, 75%)  Lilac
#a8d7b1  rgb(168, 215, 177)  hsl(131, 37%, 75%)  Celadon
#ced7a8  rgb(206, 215, 168)  hsl(71, 37%, 75%)  Pale Goldenrod
#a8ced7  rgb(168, 206, 215)  hsl(191, 37%, 75%)  Light Blue