#4b3e91
十六進の色コード十六進の色コード#4b3e91
青マゼンタ色の色合いです。光の三原色RGBにおいて色モデル#4b3e91
は29.41%の赤色、24.31%の绿色、56.86%の青色でできている。HSLで色彩空間#4b3e91
は249.4度の色調、40.1%の彩度、40.59%の明るさを有している。この色は約463 nmの波長である。TRUMATCH 38-b1はペイントカラーに調和している。
#4b3e91
情報反転
#b4c16e 25% 飽和度
#43339b 濃淡階調
#676767
rgb(75, 62, 145)
rgba(75, 62, 145, 1.0)
赤色:29.4118%、黄色:24.3137%、青色:56.8627%
#4b3e91
4931217
-11845999 / 0xff4b3e91
hsl(249, 40%, 41%)
hsla(249, 40%, 41%, 1.0)
色調:249(249.3976)、彩度:57(57.2414)、値:57(56.8627)
X:9.7351、Y:6.9854、Z:27.6233
x:0.2195、y:0.1575、Y:6.9854
L:31.7737、a:28.0185、b:-44.2416
L:31.7737、u:-0.2312、v:-61.8884
L:31.7737、C:52.3675、H:302.3464
L:26.43、a:19.4955、b:-43.466
シアン色:48(0.4828)、マゼンタ色:57(0.5724)、黄色:0(0)、黒色:43(0.4314)
シアン色:71(0.7059)、マゼンタ色:76(0.7569)、黄色:43(0.4314)
Y:75.349、I:-18.9205、Q:28.5731
Y:75.349、U:34.2759、V:-0.3058
Y:75.349、Db:104.789、Dr:0.682
Y:80.733、Cb:162.513、Cr:127.814
Y:70.745、Pb:40.005、Pr:2.682
10PB 3/10近似、完全一致:Munsell 10PB 3/10 / #4f398c
#4b3e91
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#4b3e91
黒まで#4b3e91
白まで#4b3e91
前景
<p style="color: #4b3e91">#4b3e91前景</p>
#4b3e91
背景
<p style="background-color: #4b3e91; color: #fff">#4b3e91背景</p>
#4b3e91
境界
<p style="border: #4b3e91 3px solid">#4b3e91境界</p>
#4b3e91
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4b3e91, #fff); background: -webkit-radial-gradient(50% 50%, #4b3e91, #fff); background: -o-radial-gradient(50% 50%, #4b3e91, #fff); background: -ms-radial-gradient(50% 50%, #4b3e91, #fff); background: radial-gradient(50% 50%, #4b3e91, #fff); color: #fff">#4b3e91放射状グラデーション</p>
#4b3e91
を補足するための#83913e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4b3e91, #83913e); background: -webkit-linear-gradient(top, #4b3e91, #83913e); background: -o-linear-gradient(top, #4b3e91, #83913e); background: -ms-linear-gradient(top, #4b3e91, #83913e); background: linear-gradient(top, #4b3e91, #83913e); color: #fff">
#4b3e91
を補足するための#83913e
線上グラデーション</p>
#4b3e91
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #4b3e91">#4b3e91テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#4b3e91
に関連している順番で並べらられている。関連は、十六進法の色#4b3e91
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: