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