#0286ba
十六進の色コード十六進の色コード#0286ba
シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#0286ba
は0.78%の赤色、52.55%の绿色、72.94%の青色でできている。HSLで色彩空間#0286ba
は196.96度の色調、97.87%の彩度、36.86%の明るさを有している。この色は約496 nmの波長である。
#0286ba
情報反転
#fd7945 25% 飽和度
#0086bb 濃淡階調
#5d5d5d
rgb(2, 134, 186)
rgba(2, 134, 186, 1.0)
赤色:0.7843%、黄色:30.9258%、青色:72.9412%
#0286ba
165562
-16611654 / 0xff0286ba
hsl(197, 98%, 37%)
hsla(197, 98%, 37%, 1.0)
色調:197(196.9565)、彩度:99(98.9247)、値:73(72.9412)
X:17.4131、Y:20.6083、Z:49.5144
x:0.1989、y:0.2354、Y:20.6083
L:52.5181、a:-11.3602、b:-35.6645
L:52.5181、u:-34.9754、v:-53.2054
L:52.5181、C:37.4301、H:252.3318
L:45.3963、a:-10.9748、b:-32.891
シアン色:99(0.9892)、マゼンタ色:28(0.2796)、黄色:0(0)、黒色:27(0.2706)
シアン色:99(0.9922)、マゼンタ色:47(0.4745)、黄色:27(0.2706)
Y:100.46、I:-95.3402、Q:-11.7332
Y:100.46、U:42.0945、V:-86.3805
Y:100.46、Db:128.716、Dr:187.24
Y:102.278、Cb:170.364、Cr:66.36
Y:109.628、Pb:41.18、Pr:-68.392
7.5B 5/8近似、完全一致:Munsell 7.5B 5/8 / #0283b3
#0286ba
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#0286ba
黒まで#0286ba
白まで#0286ba
前景
<p style="color: #0286ba">#0286ba前景</p>
#0286ba
背景
<p style="background-color: #0286ba; color: #fff">#0286ba背景</p>
#0286ba
境界
<p style="border: #0286ba 3px solid">#0286ba境界</p>
#0286ba
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0286ba, #fff); background: -webkit-radial-gradient(50% 50%, #0286ba, #fff); background: -o-radial-gradient(50% 50%, #0286ba, #fff); background: -ms-radial-gradient(50% 50%, #0286ba, #fff); background: radial-gradient(50% 50%, #0286ba, #fff); color: #fff">#0286ba放射状グラデーション</p>
#0286ba
を補足するための#b93602
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0286ba, #b93602); background: -webkit-linear-gradient(top, #0286ba, #b93602); background: -o-linear-gradient(top, #0286ba, #b93602); background: -ms-linear-gradient(top, #0286ba, #b93602); background: linear-gradient(top, #0286ba, #b93602); color: #fff">
#0286ba
を補足するための#b93602
線上グラデーション</p>
#0286ba
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0286ba">#0286baテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0286ba
に関連している順番で並べらられている。関連は、十六進法の色#0286ba
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: