#c2dddd
十六進の色コード十六進の色コード#c2dddd
シアン色の明るい色合いです。光の三原色RGBにおいて色モデル#c2dddd
は76.08%の赤色、86.67%の绿色、86.67%の青色でできている。HSLで色彩空間#c2dddd
は180度の色調、28.42%の彩度、81.37%の明るさを有している。この色は約507 nmの波長である。Devoe Paint Polo Blue / 50BG 69/117はペイントカラーに調和している。
#c2dddd
情報反転
#3d2222 25% 飽和度
#bee0e0 濃淡階調
#cfcfcf
rgb(194, 221, 221)
rgba(194, 221, 221, 1.0)
赤色:76.0784%、黄色:81.3725%、青色:86.6667%
#c2dddd
12770781
-4006435 / 0xffc2dddd
hsl(180, 28%, 81%)
hsla(180, 28%, 81%, 1.0)
色調:180(180)、彩度:12(12.2172)、値:87(86.6667)
X:61.1557、Y:68.4027、Z:78.3864
x:0.2941、y:0.3289、Y:68.4027
L:86.2074、a:-8.8947、b:-3.0294
L:86.2074、u:-14.4004、v:-3.1211
L:86.2074、C:9.3964、H:198.8079
L:82.7059、a:-12.746、b:1.7007
シアン色:12(0.1222)、マゼンタ色:0(0)、黄色:0(0)、黒色:13(0.1333)
シアン色:24(0.2392)、マゼンタ色:13(0.1333)、黄色:13(0.1333)
Y:212.927、I:-16.0843、Q:-5.7093
Y:212.927、U:3.9747、V:-16.605
Y:212.927、Db:12.15、Dr:35.991
Y:198.9、Cb:131.996、Cr:116.147
Y:215.249、Pb:3.105、Pr:-13.5
10G 9/2近似、完全一致:Munsell 10G 9/2 / #d1eaea
#c2dddd
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#c2dddd
黒まで#c2dddd
白まで#c2dddd
前景
<p style="color: #c2dddd; background-color: #000">#c2dddd前景</p>
#c2dddd
背景
<p style="background-color: #c2dddd">#c2dddd背景</p>
#c2dddd
境界
<p style="border: #c2dddd 3px solid">#c2dddd境界</p>
#c2dddd
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #c2dddd, #fff); background: -webkit-radial-gradient(50% 50%, #c2dddd, #fff); background: -o-radial-gradient(50% 50%, #c2dddd, #fff); background: -ms-radial-gradient(50% 50%, #c2dddd, #fff); background: radial-gradient(50% 50%, #c2dddd, #fff)">#c2dddd放射状グラデーション</p>
#c2dddd
を補足するための#ddc2c2
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #c2dddd, #ddc2c2); background: -webkit-linear-gradient(top, #c2dddd, #ddc2c2); background: -o-linear-gradient(top, #c2dddd, #ddc2c2); background: -ms-linear-gradient(top, #c2dddd, #ddc2c2); background: linear-gradient(top, #c2dddd, #ddc2c2); color: #000">
#c2dddd
を補足するための#ddc2c2
線上グラデーション</p>
#c2dddd
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #c2dddd">#c2ddddテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#c2dddd
に関連している順番で並べらられている。関連は、十六進法の色#c2dddd
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: