#aac0e1
十六進の色コード十六進の色コード#aac0e1
シアン青色の明るい色合いです。光の三原色RGBにおいて色モデル#aac0e1
は66.67%の赤色、75.29%の绿色、88.24%の青色でできている。HSLで色彩空間#aac0e1
は216度の色調、47.83%の彩度、77.45%の明るさを有している。この色は約484 nmの波長である。
#aac0e1
情報反転
#553f1e 25% 飽和度
#a3bee7 濃淡階調
#c5c5c5
rgb(170, 192, 225)
rgba(170, 192, 225, 1.0)
赤色:66.6667%、黄色:72.8291%、青色:88.2353%
#aac0e1
11190497
-5586719 / 0xffaac0e1
hsl(216, 48%, 77%)
hsla(216, 48%, 77%, 1.0)
色調:216(216)、彩度:24(24.4444)、値:88(88.2353)
X:49.0178、Y:51.6816、Z:78.6262
x:0.2733、y:0.2882、Y:51.6816
L:77.09、a:-0.2833、b:-18.9316
L:77.09、u:-12.9158、v:-29.6444
L:77.09、C:18.9337、H:269.1427
L:71.8899、a:-4.0979、b:-14.5227
シアン色:24(0.2444)、マゼンタ色:15(0.1467)、黄色:0(0)、黒色:12(0.1176)
シアン色:33(0.3333)、マゼンタ色:25(0.2471)、黄色:12(0.1176)
Y:189.184、I:-23.7074、Q:5.6154
Y:189.184、U:17.6268、V:-16.8303
Y:189.184、Db:53.889、Dr:36.487
Y:178.508、Cb:145.743、Cr:115.999
Y:189.69、Pb:19.03、Pr:-12.518
2.5PB 8/4近似、完全一致:Munsell 2.5PB 8/4 / #b8cbee
#aac0e1
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#aac0e1
黒まで#aac0e1
白まで#aac0e1
前景
<p style="color: #aac0e1; background-color: #000">#aac0e1前景</p>
#aac0e1
背景
<p style="background-color: #aac0e1">#aac0e1背景</p>
#aac0e1
境界
<p style="border: #aac0e1 3px solid">#aac0e1境界</p>
#aac0e1
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aac0e1, #fff); background: -webkit-radial-gradient(50% 50%, #aac0e1, #fff); background: -o-radial-gradient(50% 50%, #aac0e1, #fff); background: -ms-radial-gradient(50% 50%, #aac0e1, #fff); background: radial-gradient(50% 50%, #aac0e1, #fff)">#aac0e1放射状グラデーション</p>
#aac0e1
を補足するための#e0cbaa
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aac0e1, #e0cbaa); background: -webkit-linear-gradient(top, #aac0e1, #e0cbaa); background: -o-linear-gradient(top, #aac0e1, #e0cbaa); background: -ms-linear-gradient(top, #aac0e1, #e0cbaa); background: linear-gradient(top, #aac0e1, #e0cbaa); color: #000">
#aac0e1
を補足するための#e0cbaa
線上グラデーション</p>
#aac0e1
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aac0e1">#aac0e1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#aac0e1
に関連している順番で並べらられている。関連は、十六進法の色#aac0e1
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: