色見本
RGB
CMYK
RYB
#a3a5e5十六進の色コード十六進の色コード#a3a5e5青色の明るい色合いです。光の三原色RGBにおいて色モデル#a3a5e5は63.92%の赤色、64.71%の绿色、89.8%の青色でできている。HSLで色彩空間#a3a5e5は238.18度の色調、55.93%の彩度、76.86%の明るさを有している。この色は約470 nmの波長である。
#a3a5e5情報反転
#5c5a1a 25% 飽和度
#9a9ded 濃淡階調
#c3c3c3
rgb(163, 165, 229)
rgba(163, 165, 229, 1.0)
赤色：63.9216%、黄色：64.6828%、青色：89.8039%
#a3a5e5
10724837
-6052379 / 0xffa3a5e5
hsl(238, 56%, 77%)
hsla(238, 56%, 77%, 1.0)
色調：238（238.1818）、彩度：29（28.821）、値：90（89.8039）
X：42.7022、Y：40.3539、Z：79.6672
x：0.2624、y：0.248、Y：40.3539
L：69.7209、a：13.4623、b：-32.4254
L：69.7209、u：-4.7796、v：-53.3749
L：69.7209、C：35.109、H：292.5471
L：63.5248、a：8.8219、b：-29.889
シアン色：29（0.2882）、マゼンタ色：28（0.2795）、黄色：0（0）、黒色：10（0.102）
シアン色：36（0.3608）、マゼンタ色：35（0.3529）、黄色：10（0.102）
Y：171.698、I：-21.7523、Q：19.4897
Y：171.698、U：28.1999、V：-7.6306
Y：171.698、Db：86.212、Dr：16.554
Y：163.493、Cb：156.392、Cr：122.578
Y：169.182、Pb：32.23、Pr：-3.944
7.5PB 7/8近似、完全一致：Munsell 7.5PB 7/8 / #a1aaf1
#a3a5e5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#a3a5e5黒まで#a3a5e5白まで#a3a5e5前景
<p style="color: #a3a5e5; background-color: #000">#a3a5e5前景</p>
#a3a5e5背景
<p style="background-color: #a3a5e5">#a3a5e5背景</p>
#a3a5e5境界
<p style="border: #a3a5e5 3px solid">#a3a5e5境界</p>
#a3a5e5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #a3a5e5, #fff); background: -webkit-radial-gradient(50% 50%, #a3a5e5, #fff); background: -o-radial-gradient(50% 50%, #a3a5e5, #fff); background: -ms-radial-gradient(50% 50%, #a3a5e5, #fff); background: radial-gradient(50% 50%, #a3a5e5, #fff)">#a3a5e5放射状グラデーション</p>
#a3a5e5を補足するための#e4e2a3線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #a3a5e5, #e4e2a3); background: -webkit-linear-gradient(top, #a3a5e5, #e4e2a3); background: -o-linear-gradient(top, #a3a5e5, #e4e2a3); background: -ms-linear-gradient(top, #a3a5e5, #e4e2a3); background: linear-gradient(top, #a3a5e5, #e4e2a3); color: #000">#a3a5e5を補足するための#e4e2a3線上グラデーション</p>
#a3a5e5テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #a3a5e5">#a3a5e5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#a3a5e5に関連している順番で並べらられている。関連は、十六進法の色#a3a5e5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：