色見本
RGB
CMYK
RYB
#3a44e3十六進の色コード十六進の色コード#3a44e3青色の色合いです。光の三原色RGBにおいて色モデル#3a44e3は22.75%の赤色、26.67%の绿色、89.02%の青色でできている。HSLで色彩空間#3a44e3は236.45度の色調、75.11%の彩度、55.88%の明るさを有している。この色は約471 nmの波長である。
#3a44e3情報反転
#c5bb1c 25% 飽和度
#2431f8 濃淡階調
#8e8e8e
rgb(58, 68, 227)
rgba(58, 68, 227, 1.0)
赤色：22.7451%、黄色：26.4476%、青色：89.0196%
#3a44e3
3818723
-12958493 / 0xff3a44e3
hsl(236, 75%, 56%)
hsla(236, 75%, 56%, 1.0)
色調：236（236.4497）、彩度：74（74.4493）、値：89（89.0196）
X：17.6772、Y：10.5798、Z：73.7835
x：0.1732、y：0.1037、Y：10.5798
L：38.8636、a：48.9239、b：-81.0771
L：38.8636、u：-10.1333、v：-115.6608
L：38.8636、C：94.6944、H：301.1078
L：32.5267、a：40.0872、b：-111.7248
シアン色：74（0.7445）、マゼンタ色：70（0.7004）、黄色：0（0）、黒色：11（0.1098）
シアン色：77（0.7725）、マゼンタ色：73（0.7333）、黄色：11（0.1098）
Y：83.136、I：-57.038、Q：47.3559
Y：83.136、U：70.796、V：-22.0516
Y：83.136、Db：216.447、Dr：47.833
Y：87.424、Cb：199.281、Cr：112.321
Y：77.318、Pb：80.65、Pr：-12.314
7.5PB 4/20近似、完全一致：Munsell 7.5PB 4/20 / #3e49ed
#3a44e3配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#3a44e3黒まで#3a44e3白まで#3a44e3前景
<p style="color: #3a44e3">#3a44e3前景</p>
#3a44e3背景
<p style="background-color: #3a44e3; color: #fff">#3a44e3背景</p>
#3a44e3境界
<p style="border: #3a44e3 3px solid">#3a44e3境界</p>
#3a44e3放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3a44e3, #fff); background: -webkit-radial-gradient(50% 50%, #3a44e3, #fff); background: -o-radial-gradient(50% 50%, #3a44e3, #fff); background: -ms-radial-gradient(50% 50%, #3a44e3, #fff); background: radial-gradient(50% 50%, #3a44e3, #fff); color: #fff">#3a44e3放射状グラデーション</p>
#3a44e3を補足するための#e3d939線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3a44e3, #e3d939); background: -webkit-linear-gradient(top, #3a44e3, #e3d939); background: -o-linear-gradient(top, #3a44e3, #e3d939); background: -ms-linear-gradient(top, #3a44e3, #e3d939); background: linear-gradient(top, #3a44e3, #e3d939); color: #fff">#3a44e3を補足するための#e3d939線上グラデーション</p>
#3a44e3テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3a44e3">#3a44e3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3a44e3に関連している順番で並べらられている。関連は、十六進法の色#3a44e3の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：