#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: