色見本
RGB
CMYK
RYB
#3a5e96十六進の色コード十六進の色コード#3a5e96シアン青色の色合いです。光の三原色RGBにおいて色モデル#3a5e96は22.75%の赤色、36.86%の绿色、58.82%の青色でできている。HSLで色彩空間#3a5e96は216.52度の色調、44.23%の彩度、40.78%の明るさを有している。この色は約484 nmの波長である。Taubmans Crushed Velvet / T12 39.H5はペイントカラーに調和している。
#3a5e96情報反転
#c5a169 25% 飽和度
#2e5ba1 濃淡階調
#686868
rgb(58, 94, 150)
rgba(58, 94, 150, 1.0)
赤色：22.7451%、黄色：32.8922%、青色：58.8235%
#3a5e96
3825302
-12951914 / 0xff3a5e96
hsl(217, 44%, 41%)
hsla(217, 44%, 41%, 1.0)
色調：217（216.5217）、彩度：61（61.3333）、値：59（58.8235）
X：11.2526、Y：11.107、Z：30.4049
x：0.2133、y：0.2105、Y：11.107
L：39.76、a：5.1686、b：-34.5868
L：39.76、u：-15.7953、v：-50.0481
L：39.76、C：34.9709、H：278.4992
L：33.3271、a：1.9468、b：-30.7624
シアン色：61（0.6133）、マゼンタ色：37（0.3733）、黄色：0（0）、黒色：41（0.4118）
シアン色：77（0.7725）、マゼンタ色：63（0.6314）、黄色：41（0.4118）
Y：89.62、I：-39.4365、Q：9.8111
Y：89.62、U：29.7136、V：-27.7406
Y：89.62、Db：90.848、Dr：60.14
Y：92.982、Cb：157.912、Cr：108.22
Y：90.364、Pb：32.14、Pr：-20.576
5PB 4/8近似、完全一致：Munsell 5PB 4/8 / #3b619e
#3a5e96配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#3a5e96黒まで#3a5e96白まで#3a5e96前景
<p style="color: #3a5e96">#3a5e96前景</p>
#3a5e96背景
<p style="background-color: #3a5e96; color: #fff">#3a5e96背景</p>
#3a5e96境界
<p style="border: #3a5e96 3px solid">#3a5e96境界</p>
#3a5e96放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3a5e96, #fff); background: -webkit-radial-gradient(50% 50%, #3a5e96, #fff); background: -o-radial-gradient(50% 50%, #3a5e96, #fff); background: -ms-radial-gradient(50% 50%, #3a5e96, #fff); background: radial-gradient(50% 50%, #3a5e96, #fff); color: #fff">#3a5e96放射状グラデーション</p>
#3a5e96を補足するための#967139線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3a5e96, #967139); background: -webkit-linear-gradient(top, #3a5e96, #967139); background: -o-linear-gradient(top, #3a5e96, #967139); background: -ms-linear-gradient(top, #3a5e96, #967139); background: linear-gradient(top, #3a5e96, #967139); color: #fff">#3a5e96を補足するための#967139線上グラデーション</p>
#3a5e96テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3a5e96">#3a5e96テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3a5e96に関連している順番で並べらられている。関連は、十六進法の色#3a5e96の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：