#3a7fc2
十六進の色コード十六進の色コード#3a7fc2
シアン青色の色合いです。光の三原色RGBにおいて色モデル#3a7fc2
は22.75%の赤色、49.8%の绿色、76.08%の青色でできている。HSLで色彩空間#3a7fc2
は209.56度の色調、53.97%の彩度、49.41%の明るさを有している。この色は約488 nmの波長である。Kelly-Moore Soothing Sapphire / KM3135-3はペイントカラーに調和している。
#3a7fc2
情報反転
#c5803d 25% 飽和度
#287fd3 濃淡階調
#7d7d7d
rgb(58, 127, 194)
rgba(58, 127, 194, 1.0)
赤色:22.7451%、黄色:40.6963%、青色:76.0784%
#3a7fc2
3833794
-12943422 / 0xff3a7fc2
hsl(210, 54%, 49%)
hsla(210, 54%, 49%, 1.0)
色調:210(209.5588)、彩度:70(70.1031)、値:76(76.0784)
X:19.0719、Y:19.9733、Z:53.889
x:0.2052、y:0.2149、Y:19.9733
L:51.807、a:0.4502、b:-41.2926
L:51.807、u:-26.2792、v:-63.3759
L:51.807、C:41.295、H:270.6246
L:44.6915、a:-2.0361、b:-40.2077
シアン色:70(0.701)、マゼンタ色:35(0.3454)、黄色:0(0)、黒色:24(0.2392)
シアン色:77(0.7725)、マゼンタ色:50(0.502)、黄色:24(0.2392)
Y:114.007、I:-62.629、Q:6.2556
Y:114.007、U:39.3652、V:-49.1357
Y:114.007、Db:120.361、Dr:106.516
Y:113.926、Cb:167.625、Cr:92.952
Y:117.127、Pb:41.435、Pr:-37.582
2.5PB 5/10近似、完全一致:Munsell 2.5PB 5/10 / #277fc6
#3a7fc2
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3a7fc2
黒まで#3a7fc2
白まで#3a7fc2
前景
<p style="color: #3a7fc2">#3a7fc2前景</p>
#3a7fc2
背景
<p style="background-color: #3a7fc2; color: #fff">#3a7fc2背景</p>
#3a7fc2
境界
<p style="border: #3a7fc2 3px solid">#3a7fc2境界</p>
#3a7fc2
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3a7fc2, #fff); background: -webkit-radial-gradient(50% 50%, #3a7fc2, #fff); background: -o-radial-gradient(50% 50%, #3a7fc2, #fff); background: -ms-radial-gradient(50% 50%, #3a7fc2, #fff); background: radial-gradient(50% 50%, #3a7fc2, #fff); color: #fff">#3a7fc2放射状グラデーション</p>
#3a7fc2
を補足するための#c27d39
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3a7fc2, #c27d39); background: -webkit-linear-gradient(top, #3a7fc2, #c27d39); background: -o-linear-gradient(top, #3a7fc2, #c27d39); background: -ms-linear-gradient(top, #3a7fc2, #c27d39); background: linear-gradient(top, #3a7fc2, #c27d39); color: #fff">
#3a7fc2
を補足するための#c27d39
線上グラデーション</p>
#3a7fc2
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3a7fc2">#3a7fc2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3a7fc2
に関連している順番で並べらられている。関連は、十六進法の色#3a7fc2
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: