色見本
RGB
CMYK
RYB
#ca97cc十六進の色コード十六進の色コード#ca97ccマゼンタ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#ca97ccは79.22%の赤色、59.22%の绿色、80%の青色でできている。HSLで色彩空間#ca97ccは297.74度の色調、34.19%の彩度、69.61%の明るさを有している。この色は約433 nmの波長である。Sigma Mistic Purple / S 1050-R40Bはペイントカラーに調和している。
#ca97cc情報反転
#356833 25% 飽和度
#d090d2 濃淡階調
#b1b1b1
rgb(202, 151, 204)
rgba(202, 151, 204, 1.0)
赤色：79.2157%、黄色：59.2157%、青色：80%
#ca97cc
13277132
-3500084 / 0xffca97cc
hsl(298, 34%, 70%)
hsla(298, 34%, 70%, 1.0)
色調：298（297.7358）、彩度：26（25.9804）、値：80（80）
X：46.3228、Y：39.0494、Z：62.2226
x：0.3139、y：0.2646、Y：39.0494
L：68.787、a：28.0182、b：-19.784
L：68.787、u：25.4634、v：-34.9477
L：68.787、C：34.2991、H：324.7735
L：62.4895、a：22.9635、b：-15.294
シアン色：1（0.0098）、マゼンタ色：26（0.2598）、黄色：0（0）、黒色：20（0.2）
シアン色：21（0.2078）、マゼンタ色：41（0.4078）、黄色：20（0.2）
Y：172.291、I：13.3546、Q：27.2744
Y：172.291、U：15.6059、V：26.0645
Y：172.291、Db：47.699、Dr：-56.482
Y：164.01、Cb：143.719、Cr：146.626
Y：165.679、Pb：20.635、Pr：23.062
7.5P 7/8近似、完全一致：Munsell 7.5P 7/8 / #d49cd9
#ca97cc配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#ca97cc黒まで#ca97cc白まで#ca97cc前景
<p style="color: #ca97cc; background-color: #000">#ca97cc前景</p>
#ca97cc背景
<p style="background-color: #ca97cc">#ca97cc背景</p>
#ca97cc境界
<p style="border: #ca97cc 3px solid">#ca97cc境界</p>
#ca97cc放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ca97cc, #fff); background: -webkit-radial-gradient(50% 50%, #ca97cc, #fff); background: -o-radial-gradient(50% 50%, #ca97cc, #fff); background: -ms-radial-gradient(50% 50%, #ca97cc, #fff); background: radial-gradient(50% 50%, #ca97cc, #fff)">#ca97cc放射状グラデーション</p>
#ca97ccを補足するための#99cc96線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ca97cc, #99cc96); background: -webkit-linear-gradient(top, #ca97cc, #99cc96); background: -o-linear-gradient(top, #ca97cc, #99cc96); background: -ms-linear-gradient(top, #ca97cc, #99cc96); background: linear-gradient(top, #ca97cc, #99cc96); color: #000">#ca97ccを補足するための#99cc96線上グラデーション</p>
#ca97ccテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ca97cc">#ca97ccテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ca97ccに関連している順番で並べらられている。関連は、十六進法の色#ca97ccの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：