色見本
RGB
CMYK
RYB
#99a5ca十六進の色コード十六進の色コード#99a5ca青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#99a5caは60%の赤色、64.71%の绿色、79.22%の青色でできている。HSLで色彩空間#99a5caは225.31度の色調、31.61%の彩度、69.61%の明るさを有している。この色は約478 nmの波長である。TRUMATCH 37-d2はペイントカラーに調和している。
#99a5ca情報反転
#665a35 25% 飽和度
#92a1d0 濃淡階調
#b1b1b1
rgb(153, 165, 202)
rgba(153, 165, 202, 1.0)
赤色：60%、黄色：63.7801%、青色：79.2157%
#99a5ca
10069450
-6707766 / 0xff99a5ca
hsl(225, 32%, 70%)
hsla(225, 32%, 70%, 1.0)
色調：225（225.3061）、彩度：24（24.2574）、値：79（79.2157）
X：37.2527、Y：37.9468、Z：61.2382
x：0.273、y：0.2781、Y：37.9468
L：67.9814、a：3.9229、b：-20.2932
L：67.9814、u：-8.1829、v：-31.9244
L：67.9814、C：20.6688、H：280.9409
L：61.601、a：0.1446、b：-15.8201
シアン色：24（0.2426）、マゼンタ色：18（0.1832）、黄色：0（0）、黒色：21（0.2078）
シアン色：40（0.4）、マゼンタ色：35（0.3529）、黄色：21（0.2078）
Y：165.63、I：-19.0353、Q：8.9745
Y：165.63、U：17.8992、V：-11.0804
Y：165.63、Db：54.721、Dr：24.025
Y：158.277、Cb：146.019、Cr：120.105
Y：165.108、Pb：19.88、Pr：-7.702
5PB 7/4近似、完全一致：Munsell 5PB 7/4 / #a4aed1
#99a5ca配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#99a5ca黒まで#99a5ca白まで#99a5ca前景
<p style="color: #99a5ca; background-color: #000">#99a5ca前景</p>
#99a5ca背景
<p style="background-color: #99a5ca">#99a5ca背景</p>
#99a5ca境界
<p style="border: #99a5ca 3px solid">#99a5ca境界</p>
#99a5ca放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #99a5ca, #fff); background: -webkit-radial-gradient(50% 50%, #99a5ca, #fff); background: -o-radial-gradient(50% 50%, #99a5ca, #fff); background: -ms-radial-gradient(50% 50%, #99a5ca, #fff); background: radial-gradient(50% 50%, #99a5ca, #fff)">#99a5ca放射状グラデーション</p>
#99a5caを補足するための#c9bd99線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #99a5ca, #c9bd99); background: -webkit-linear-gradient(top, #99a5ca, #c9bd99); background: -o-linear-gradient(top, #99a5ca, #c9bd99); background: -ms-linear-gradient(top, #99a5ca, #c9bd99); background: linear-gradient(top, #99a5ca, #c9bd99); color: #000">#99a5caを補足するための#c9bd99線上グラデーション</p>
#99a5caテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #99a5ca">#99a5caテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#99a5caに関連している順番で並べらられている。関連は、十六進法の色#99a5caの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：