#2e87ac
十六進の色コード十六進の色コード#2e87ac
シアン色の色合いです。光の三原色RGBにおいて色モデル#2e87ac
は18.04%の赤色、52.94%の绿色、67.45%の青色でできている。HSLで色彩空間#2e87ac
は197.62度の色調、57.8%の彩度、42.75%の明るさを有している。この色は約496 nmの波長である。Sigma Cool Blue / S 3050-Bはペイントカラーに調和している。
#2e87ac
情報反転
#d17853 25% 飽和度
#1e8dbb 濃淡階調
#6d6d6d
rgb(46, 135, 172)
rgba(46, 135, 172, 1.0)
赤色:18.0392%、黄色:38.4934%、青色:67.451%
#2e87ac
3049388
-13727828 / 0xff2e87ac
hsl(198, 58%, 43%)
hsla(198, 58%, 43%, 1.0)
色調:198(197.619)、彩度:73(73.2558)、値:67(67.451)
X:17.2371、Y:20.8873、Z:42.1529
x:0.2147、y:0.2602、Y:20.8873
L:52.826、a:-13.6472、b:-27.0992
L:52.826、u:-32.2562、v:-39.1396
L:52.826、C:30.3416、H:243.2701
L:45.7027、a:-12.6572、b:-22.693
シアン色:73(0.7326)、マゼンタ色:22(0.2151)、黄色:0(0)、黒色:33(0.3255)
シアン色:82(0.8196)、マゼンタ色:47(0.4706)、黄色:33(0.3255)
Y:112.607、I:-64.9055、Q:-7.3076
Y:112.607、U:29.2279、V:-58.4354
Y:112.607、Db:89.371、Dr:126.666
Y:112.718、Cb:157.415、Cr:86.302
Y:118.707、Pb:28.735、Pr:-46.202
5B 5/6近似、完全一致:Munsell 5B 5/6 / #3583a2
#2e87ac
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2e87ac
黒まで#2e87ac
白まで#2e87ac
前景
<p style="color: #2e87ac">#2e87ac前景</p>
#2e87ac
背景
<p style="background-color: #2e87ac; color: #fff">#2e87ac背景</p>
#2e87ac
境界
<p style="border: #2e87ac 3px solid">#2e87ac境界</p>
#2e87ac
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2e87ac, #fff); background: -webkit-radial-gradient(50% 50%, #2e87ac, #fff); background: -o-radial-gradient(50% 50%, #2e87ac, #fff); background: -ms-radial-gradient(50% 50%, #2e87ac, #fff); background: radial-gradient(50% 50%, #2e87ac, #fff); color: #fff">#2e87ac放射状グラデーション</p>
#2e87ac
を補足するための#ac522e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2e87ac, #ac522e); background: -webkit-linear-gradient(top, #2e87ac, #ac522e); background: -o-linear-gradient(top, #2e87ac, #ac522e); background: -ms-linear-gradient(top, #2e87ac, #ac522e); background: linear-gradient(top, #2e87ac, #ac522e); color: #fff">
#2e87ac
を補足するための#ac522e
線上グラデーション</p>
#2e87ac
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2e87ac">#2e87acテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2e87ac
に関連している順番で並べらられている。関連は、十六進法の色#2e87ac
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: