#ccd4bc
十六進の色コード十六進の色コード#ccd4bc
黄緑色の明るい色合いです。光の三原色RGBにおいて色モデル#ccd4bc
は80%の赤色、83.14%の绿色、73.73%の青色でできている。HSLで色彩空間#ccd4bc
は80度の色調、21.82%の彩度、78.43%の明るさを有している。この色は約570 nmの波長である。Tamiya 86516, AS16はペイントカラーに調和している。
#ccd4bc
情報反転
#332b43 25% 飽和度
#cdd7b9 濃淡階調
#c8c8c8
rgb(204, 212, 188)
rgba(204, 212, 188, 1.0)
赤色:73.7255%、黄色:83.1373%、青色:76.8627%
#ccd4bc
13423804
-3353412 / 0xffccd4bc
hsl(80, 22%, 78%)
hsla(80, 22%, 78%, 1.0)
色調:80(80)、彩度:11(11.3208)、値:83(83.1373)
X:57.5224、Y:63.5552、Z:56.8126
x:0.3234、y:0.3573、Y:63.5552
L:83.7336、a:-6.9553、b:10.9426
L:83.7336、u:-3.3322、v:17.2839
L:83.7336、C:12.966、H:122.4407
L:79.7215、a:-10.7174、b:13.5527
シアン色:4(0.0377)、マゼンタ色:0(0)、黄色:11(0.1132)、黒色:17(0.1686)
シアン色:20(0.2)、マゼンタ色:17(0.1686)、黄色:26(0.2627)
Y:206.872、I:2.9446、Q:-9.1589
Y:206.872、U:-9.2848、V:-2.5198
Y:206.872、Db:-28.392、Dr:5.456
Y:193.7、Cb:118.648、Cr:126.192
Y:208.568、Pb:-11.08、Pr:-2.896
7.5GY 8/2近似、完全一致:Munsell 7.5GY 8/2 / #c5ccbb
#ccd4bc
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ccd4bc
黒まで#ccd4bc
白まで#ccd4bc
前景
<p style="color: #ccd4bc; background-color: #000">#ccd4bc前景</p>
#ccd4bc
背景
<p style="background-color: #ccd4bc">#ccd4bc背景</p>
#ccd4bc
境界
<p style="border: #ccd4bc 3px solid">#ccd4bc境界</p>
#ccd4bc
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ccd4bc, #fff); background: -webkit-radial-gradient(50% 50%, #ccd4bc, #fff); background: -o-radial-gradient(50% 50%, #ccd4bc, #fff); background: -ms-radial-gradient(50% 50%, #ccd4bc, #fff); background: radial-gradient(50% 50%, #ccd4bc, #fff)">#ccd4bc放射状グラデーション</p>
#ccd4bc
を補足するための#c4bcd4
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ccd4bc, #c4bcd4); background: -webkit-linear-gradient(top, #ccd4bc, #c4bcd4); background: -o-linear-gradient(top, #ccd4bc, #c4bcd4); background: -ms-linear-gradient(top, #ccd4bc, #c4bcd4); background: linear-gradient(top, #ccd4bc, #c4bcd4); color: #000">
#ccd4bc
を補足するための#c4bcd4
線上グラデーション</p>
#ccd4bc
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ccd4bc">#ccd4bcテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ccd4bc
に関連している順番で並べらられている。関連は、十六進法の色#ccd4bc
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: