#ccc6e5
十六進の色コード十六進の色コード#ccc6e5
青マゼンタ色の明るい色合いです。光の三原色RGBにおいて色モデル#ccc6e5
は80%の赤色、77.65%の绿色、89.8%の青色でできている。HSLで色彩空間#ccc6e5
は251.61度の色調、37.35%の彩度、83.73%の明るさを有している。この色は約462 nmの波長である。Rodda Paint Pansy Potpouri 7161とCloverdale Paint Pansy Potpouri / 7161はペイントカラーに調和している。
#ccc6e5
情報反転
#33391a 25% 飽和度
#c9c2e8 濃淡階調
#d5d5d5
rgb(204, 198, 229)
rgba(204, 198, 229, 1.0)
赤色:80%、黄色:77.6471%、青色:89.8039%
#ccc6e5
13420261
-3356955 / 0xffccc6e5
hsl(252, 37%, 84%)
hsla(252, 37%, 84%, 1.0)
色調:252(251.6129)、彩度:14(13.5371)、値:90(89.8039)
X:59.2388、Y:58.8827、Z:82.372
x:0.2955、y:0.2937、Y:58.8827
L:81.2271、a:8.0142、b:-14.6041
L:81.2271、u:1.4254、v:-24.1322
L:81.2271、C:16.6586、H:298.7564
L:76.735、a:3.5141、b:-9.9309
シアン色:11(0.1092)、マゼンタ色:14(0.1354)、黄色:0(0)、黒色:10(0.102)
シアン色:20(0.2)、マゼンタ色:22(0.2235)、黄色:10(0.102)
Y:203.328、I:-6.3849、Q:10.9139
Y:203.328、U:12.6352、V:0.5897
Y:203.328、Db:38.623、Dr:-1.271
Y:190.662、Cb:140.721、Cr:128.433
Y:201.51、Pb:14.81、Pr:1.574
10PB 8/4近似、完全一致:Munsell 10PB 8/4 / #ccc5ec
#ccc6e5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ccc6e5
黒まで#ccc6e5
白まで#ccc6e5
前景
<p style="color: #ccc6e5; background-color: #000">#ccc6e5前景</p>
#ccc6e5
背景
<p style="background-color: #ccc6e5">#ccc6e5背景</p>
#ccc6e5
境界
<p style="border: #ccc6e5 3px solid">#ccc6e5境界</p>
#ccc6e5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ccc6e5, #fff); background: -webkit-radial-gradient(50% 50%, #ccc6e5, #fff); background: -o-radial-gradient(50% 50%, #ccc6e5, #fff); background: -ms-radial-gradient(50% 50%, #ccc6e5, #fff); background: radial-gradient(50% 50%, #ccc6e5, #fff)">#ccc6e5放射状グラデーション</p>
#ccc6e5
を補足するための#dfe5c6
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ccc6e5, #dfe5c6); background: -webkit-linear-gradient(top, #ccc6e5, #dfe5c6); background: -o-linear-gradient(top, #ccc6e5, #dfe5c6); background: -ms-linear-gradient(top, #ccc6e5, #dfe5c6); background: linear-gradient(top, #ccc6e5, #dfe5c6); color: #000">
#ccc6e5
を補足するための#dfe5c6
線上グラデーション</p>
#ccc6e5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ccc6e5">#ccc6e5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ccc6e5
に関連している順番で並べらられている。関連は、十六進法の色#ccc6e5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: