#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: