色見本
RGB
CMYK
RYB
#8e9adb十六進の色コード十六進の色コード#8e9adb青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#8e9adbは55.69%の赤色、60.39%の绿色、85.88%の青色でできている。HSLで色彩空間#8e9adbは230.65度の色調、51.68%の彩度、70.78%の明るさを有している。この色は約475 nmの波長である。
#8e9adb情報反転
#716524 25% 飽和度
#8493e4 濃淡階調
#b4b4b4
rgb(142, 154, 219)
rgba(142, 154, 219, 1.0)
赤色：55.6863%、黄色：59.7577%、青色：85.8824%
#8e9adb
9345755
-7431461 / 0xff8e9adb
hsl(231, 52%, 71%)
hsla(231, 52%, 71%, 1.0)
色調：231（230.6494）、彩度：35（35.1598）、値：86（85.8824）
X：35.4971、Y：33.9765、Z：71.705
x：0.2514、y：0.2407、Y：33.9765
L：64.9439、a：11.175、b：-34.4458
L：64.9439、u：-9.3516、v：-55.8237
L：64.9439、C：36.2132、H：287.9742
L：58.2893、a：6.6968、b：-32.1335
シアン色：35（0.3516）、マゼンタ色：30（0.2968）、黄色：0（0）、黒色：14（0.1412）
シアン色：44（0.4431）、マゼンタ色：40（0.3961）、黄色：14（0.1412）
Y：157.822、I：-28.0307、Q：17.6863
Y：157.822、U：30.1071、V：-13.8806
Y：157.822、Db：92.045、Dr：30.101
Y：151.572、Cb：158.311、Cr：118.117
Y：156.124、Pb：33.88、Pr：-8.99
7.5PB 6/8近似、完全一致：Munsell 7.5PB 6/8 / #8890d3
#8e9adb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#8e9adb黒まで#8e9adb白まで#8e9adb前景
<p style="color: #8e9adb; background-color: #000">#8e9adb前景</p>
#8e9adb背景
<p style="background-color: #8e9adb">#8e9adb背景</p>
#8e9adb境界
<p style="border: #8e9adb 3px solid">#8e9adb境界</p>
#8e9adb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8e9adb, #fff); background: -webkit-radial-gradient(50% 50%, #8e9adb, #fff); background: -o-radial-gradient(50% 50%, #8e9adb, #fff); background: -ms-radial-gradient(50% 50%, #8e9adb, #fff); background: radial-gradient(50% 50%, #8e9adb, #fff)">#8e9adb放射状グラデーション</p>
#8e9adbを補足するための#dbce8d線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8e9adb, #dbce8d); background: -webkit-linear-gradient(top, #8e9adb, #dbce8d); background: -o-linear-gradient(top, #8e9adb, #dbce8d); background: -ms-linear-gradient(top, #8e9adb, #dbce8d); background: linear-gradient(top, #8e9adb, #dbce8d); color: #000">#8e9adbを補足するための#dbce8d線上グラデーション</p>
#8e9adbテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #8e9adb">#8e9adbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8e9adbに関連している順番で並べらられている。関連は、十六進法の色#8e9adbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：