#aacdde
十六進の色コード十六進の色コード#aacdde
シアン色の明るい色合いです。光の三原色RGBにおいて色モデル#aacdde
は66.67%の赤色、80.39%の绿色、87.06%の青色でできている。HSLで色彩空間#aacdde
は199.62度の色調、44.07%の彩度、76.86%の明るさを有している。この色は約494 nmの波長である。
#aacdde
情報反転
#553221 25% 飽和度
#a3cfe4 濃淡階調
#c3c3c3
rgb(170, 205, 222)
rgba(170, 205, 222, 1.0)
赤色:66.6667%、黄色:74.8704%、青色:87.0588%
#aacdde
11193822
-5583394 / 0xffaacdde
hsl(200, 44%, 77%)
hsla(200, 44%, 77%, 1.0)
色調:200(199.6154)、彩度:23(23.4234)、値:87(87.0588)
X:51.5937、Y:57.4826、Z:77.4832
x:0.2766、y:0.3081、Y:57.4826
L:80.4503、a:-7.863、b:-12.2644
L:80.4503、u:-18.6178、v:-17.7936
L:80.4503、C:14.5685、H:237.3349
L:75.8173、a:-11.2109、b:-7.5207
シアン色:23(0.2342)、マゼンタ色:8(0.0766)、黄色:0(0)、黒色:13(0.1294)
シアン色:33(0.3333)、マゼンタ色:20(0.1961)、黄色:13(0.1294)
Y:196.473、I:-26.3115、Q:-2.1117
Y:196.473、U:12.5636、V:-23.2252
Y:196.473、Db:38.411、Dr:50.344
Y:184.766、Cb:140.643、Cr:111.428
Y:198.769、Pb:12.525、Pr:-18.282
5B 8/4近似、完全一致:Munsell 5B 8/4 / #a4d0e8
#aacdde
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#aacdde
黒まで#aacdde
白まで#aacdde
前景
<p style="color: #aacdde; background-color: #000">#aacdde前景</p>
#aacdde
背景
<p style="background-color: #aacdde">#aacdde背景</p>
#aacdde
境界
<p style="border: #aacdde 3px solid">#aacdde境界</p>
#aacdde
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aacdde, #fff); background: -webkit-radial-gradient(50% 50%, #aacdde, #fff); background: -o-radial-gradient(50% 50%, #aacdde, #fff); background: -ms-radial-gradient(50% 50%, #aacdde, #fff); background: radial-gradient(50% 50%, #aacdde, #fff)">#aacdde放射状グラデーション</p>
#aacdde
を補足するための#debaa9
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aacdde, #debaa9); background: -webkit-linear-gradient(top, #aacdde, #debaa9); background: -o-linear-gradient(top, #aacdde, #debaa9); background: -ms-linear-gradient(top, #aacdde, #debaa9); background: linear-gradient(top, #aacdde, #debaa9); color: #000">
#aacdde
を補足するための#debaa9
線上グラデーション</p>
#aacdde
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aacdde">#aacddeテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#aacdde
に関連している順番で並べらられている。関連は、十六進法の色#aacdde
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: