#aaf7d1
十六進の色コード十六進の色コード#aaf7d1
青シアン色の明るい色合いです。光の三原色RGBにおいて色モデル#aaf7d1
は66.67%の赤色、96.86%の绿色、81.96%の青色でできている。HSLで色彩空間#aaf7d1
は150.39度の色調、82.8%の彩度、81.76%の明るさを有している。この色は約525 nmの波長である。
#aaf7d1
情報反転
#55082e 25% 飽和度
#a2ffd1 濃淡階調
#d0d0d0
rgb(170, 247, 209)
rgba(170, 247, 209, 1.0)
赤色:66.6667%、黄色:86.7106%、青色:96.8627%
#aaf7d1
11204561
-5572655 / 0xffaaf7d1
hsl(150, 83%, 82%)
hsla(150, 83%, 82%, 1.0)
色調:150(150.3896)、彩度:31(31.1741)、値:97(96.8627)
X:61.347、Y:79.671、Z:72.4663
x:0.2874、y:0.3732、Y:79.671
L:91.5371、a:-31.4179、b:10.7908
L:91.5371、u:-37.2953、v:21.6387
L:91.5371、C:33.2193、H:161.0444
L:89.2586、a:-33.5206、b:14.3453
シアン色:31(0.3117)、マゼンタ色:0(0)、黄色:15(0.1538)、黒色:3(0.0314)
シアン色:33(0.3333)、マゼンタ色:3(0.0314)、黄色:18(0.1804)
Y:219.645、I:-33.6621、Q:-28.1052
Y:219.645、U:-5.2365、V:-43.5546
Y:219.645、Db:-16.004、Dr:94.395
Y:204.66、Cb:122.714、Cr:96.895
Y:227.863、Pb:-10.145、Pr:-36.752
5G 9/6近似、完全一致:Munsell 5G 9/6 / #a4f6d3
#aaf7d1
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#aaf7d1
黒まで#aaf7d1
白まで#aaf7d1
前景
<p style="color: #aaf7d1; background-color: #000">#aaf7d1前景</p>
#aaf7d1
背景
<p style="background-color: #aaf7d1">#aaf7d1背景</p>
#aaf7d1
境界
<p style="border: #aaf7d1 3px solid">#aaf7d1境界</p>
#aaf7d1
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aaf7d1, #fff); background: -webkit-radial-gradient(50% 50%, #aaf7d1, #fff); background: -o-radial-gradient(50% 50%, #aaf7d1, #fff); background: -ms-radial-gradient(50% 50%, #aaf7d1, #fff); background: radial-gradient(50% 50%, #aaf7d1, #fff)">#aaf7d1放射状グラデーション</p>
#aaf7d1
を補足するための#f7a9cf
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aaf7d1, #f7a9cf); background: -webkit-linear-gradient(top, #aaf7d1, #f7a9cf); background: -o-linear-gradient(top, #aaf7d1, #f7a9cf); background: -ms-linear-gradient(top, #aaf7d1, #f7a9cf); background: linear-gradient(top, #aaf7d1, #f7a9cf); color: #000">
#aaf7d1
を補足するための#f7a9cf
線上グラデーション</p>
#aaf7d1
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aaf7d1">#aaf7d1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#aaf7d1
に関連している順番で並べらられている。関連は、十六進法の色#aaf7d1
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: