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