色見本
RGB
CMYK
RYB
#8c9bc2十六進の色コード十六進の色コード#8c9bc2青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#8c9bc2は54.9%の赤色、60.78%の绿色、76.08%の青色でできている。HSLで色彩空間#8c9bc2は223.33度の色調、30.68%の彩度、65.49%の明るさを有している。この色は約479 nmの波長である。
#8c9bc2情報反転
#73643d 25% 飽和度
#8597c8 濃淡階調
#a6a6a6
rgb(140, 155, 194)
rgba(140, 155, 194, 1.0)
赤色：54.902%、黄色：59.5055%、青色：76.0784%
#8c9bc2
9214914
-7562302 / 0xff8c9bc2
hsl(223, 31%, 65%)
hsla(223, 31%, 65%, 1.0)
色調：223（223.3333）、彩度：28（27.8351）、値：76（76.0784）
X：32.2742、Y：32.9132、Z：55.6908
x：0.267、y：0.2723、Y：32.9132
L：64.0905、a：3.6081、b：-21.858
L：64.0905、u：-9.6357、v：-34.0933
L：64.0905、C：22.1538、H：279.3734
L：57.37、a：0.0197、b：-17.3956
シアン色：28（0.2784）、マゼンタ色：20（0.201）、黄色：0（0）、黒色：24（0.2392）
シアン色：45（0.451）、マゼンタ色：39（0.3922）、黄色：24（0.2392）
Y：154.961、I：-21.465、Q：8.9624
Y：154.961、U：19.2125、V：-13.1254
Y：154.961、Db：58.737、Dr：28.458
Y：149.112、Cb：147.341、Cr：118.646
Y：154.613、Pb：21.225、Pr：-9.294
5PB 6/4近似、完全一致：Munsell 5PB 6/4 / #8a94b6
#8c9bc2配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#8c9bc2黒まで#8c9bc2白まで#8c9bc2前景
<p style="color: #8c9bc2; background-color: #000">#8c9bc2前景</p>
#8c9bc2背景
<p style="background-color: #8c9bc2">#8c9bc2背景</p>
#8c9bc2境界
<p style="border: #8c9bc2 3px solid">#8c9bc2境界</p>
#8c9bc2放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8c9bc2, #fff); background: -webkit-radial-gradient(50% 50%, #8c9bc2, #fff); background: -o-radial-gradient(50% 50%, #8c9bc2, #fff); background: -ms-radial-gradient(50% 50%, #8c9bc2, #fff); background: radial-gradient(50% 50%, #8c9bc2, #fff)">#8c9bc2放射状グラデーション</p>
#8c9bc2を補足するための#c1b38b線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8c9bc2, #c1b38b); background: -webkit-linear-gradient(top, #8c9bc2, #c1b38b); background: -o-linear-gradient(top, #8c9bc2, #c1b38b); background: -ms-linear-gradient(top, #8c9bc2, #c1b38b); background: linear-gradient(top, #8c9bc2, #c1b38b); color: #000">#8c9bc2を補足するための#c1b38b線上グラデーション</p>
#8c9bc2テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #8c9bc2">#8c9bc2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8c9bc2に関連している順番で並べらられている。関連は、十六進法の色#8c9bc2の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：