#0186ba
十六進の色コード十六進の色コード#0186ba
シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#0186ba
は0.39%の赤色、52.55%の绿色、72.94%の青色でできている。HSLで色彩空間#0186ba
は196.86度の色調、98.93%の彩度、36.67%の明るさを有している。この色は約496 nmの波長である。
#0186ba
情報反転
#fe7945 25% 飽和度
#0086bb 濃淡階調
#5d5d5d
rgb(1, 134, 186)
rgba(1, 134, 186, 1.0)
赤色:0.3922%、黄色:30.735%、青色:72.9412%
#0186ba
100026
-16677190 / 0xff0186ba
hsl(197, 99%, 37%)
hsla(197, 99%, 37%, 1.0)
色調:197(196.8649)、彩度:99(99.4624)、値:73(72.9412)
X:17.4005、Y:20.6018、Z:49.5138
x:0.1988、y:0.2354、Y:20.6018
L:52.5109、a:-11.3974、b:-35.6762
L:52.5109、u:-35.0192、v:-53.2193
L:52.5109、C:37.4525、H:252.283
L:45.3892、a:-11.0009、b:-32.9053
シアン色:99(0.9946)、マゼンタ色:28(0.2796)、黄色:0(0)、黒色:27(0.2706)
シアン色:100(0.9961)、マゼンタ色:47(0.4745)、黄色:27(0.2706)
Y:100.161、I:-95.9359、Q:-11.9446
Y:100.161、U:42.2416、V:-86.9955
Y:100.161、Db:129.166、Dr:188.573
Y:102.021、Cb:170.512、Cr:65.921
Y:109.415、Pb:41.295、Pr:-68.892
7.5B 5/8近似、完全一致:Munsell 7.5B 5/8 / #0283b3
#0186ba
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#0186ba
黒まで#0186ba
白まで#0186ba
前景
<p style="color: #0186ba">#0186ba前景</p>
#0186ba
背景
<p style="background-color: #0186ba; color: #fff">#0186ba背景</p>
#0186ba
境界
<p style="border: #0186ba 3px solid">#0186ba境界</p>
#0186ba
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0186ba, #fff); background: -webkit-radial-gradient(50% 50%, #0186ba, #fff); background: -o-radial-gradient(50% 50%, #0186ba, #fff); background: -ms-radial-gradient(50% 50%, #0186ba, #fff); background: radial-gradient(50% 50%, #0186ba, #fff); color: #fff">#0186ba放射状グラデーション</p>
#0186ba
を補足するための#ba3400
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0186ba, #ba3400); background: -webkit-linear-gradient(top, #0186ba, #ba3400); background: -o-linear-gradient(top, #0186ba, #ba3400); background: -ms-linear-gradient(top, #0186ba, #ba3400); background: linear-gradient(top, #0186ba, #ba3400); color: #fff">
#0186ba
を補足するための#ba3400
線上グラデーション</p>
#0186ba
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0186ba">#0186baテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0186ba
に関連している順番で並べらられている。関連は、十六進法の色#0186ba
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: