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