色見本
RGB
CMYK
RYB
#2b6e95十六進の色コード十六進の色コード#2b6e95シアン青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#2b6e95は16.86%の赤色、43.14%の绿色、58.43%の青色でできている。HSLで色彩空間#2b6e95は202.08度の色調、55.21%の彩度、37.65%の明るさを有している。この色は約493 nmの波長である。Opaltone / OMS 6638はペイントカラーに調和している。
#2b6e95情報反転
#d4916a 25% 飽和度
#1d71a2 濃淡階調
#606060
rgb(43, 110, 149)
rgba(43, 110, 149, 1.0)
赤色：16.8627%、黄色：32.9616%、青色：58.4314%
#2b6e95
2846357
-13930859 / 0xff2b6e95
hsl(202, 55%, 38%)
hsla(202, 55%, 38%, 1.0)
色調：202（202.0755）、彩度：71（71.1409）、値：58（58.4314）
X：11.997、Y：13.8354、Z：30.472
x：0.2131、y：0.2457、Y：13.8354
L：43.9959、a：-7.7912、b：-27.3796
L：43.9959、u：-24.8851、v：-38.8254
L：43.9959、C：28.4665、H：254.1157
L：37.1959、a：-7.5203、b：-22.5349
シアン色：71（0.7114）、マゼンタ色：26（0.2617）、黄色：0（0）、黒色：42（0.4157）
シアン色：83（0.8314）、マゼンタ色：57（0.5686）、黄色：42（0.4157）
Y：94.413、I：-52.4422、Q：-2.0333
Y：94.413、U：26.8628、V：-45.1054
Y：94.413、Db：82.137、Dr：97.774
Y：97.093、Cb：155.037、Cr：95.818
Y：98.537、Pb：27.205、Pr：-35.294
7.5B 4/6近似、完全一致：Munsell 7.5B 4/6 / #20678b
#2b6e95配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#2b6e95黒まで#2b6e95白まで#2b6e95前景
<p style="color: #2b6e95">#2b6e95前景</p>
#2b6e95背景
<p style="background-color: #2b6e95; color: #fff">#2b6e95背景</p>
#2b6e95境界
<p style="border: #2b6e95 3px solid">#2b6e95境界</p>
#2b6e95放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2b6e95, #fff); background: -webkit-radial-gradient(50% 50%, #2b6e95, #fff); background: -o-radial-gradient(50% 50%, #2b6e95, #fff); background: -ms-radial-gradient(50% 50%, #2b6e95, #fff); background: radial-gradient(50% 50%, #2b6e95, #fff); color: #fff">#2b6e95放射状グラデーション</p>
#2b6e95を補足するための#95522a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2b6e95, #95522a); background: -webkit-linear-gradient(top, #2b6e95, #95522a); background: -o-linear-gradient(top, #2b6e95, #95522a); background: -ms-linear-gradient(top, #2b6e95, #95522a); background: linear-gradient(top, #2b6e95, #95522a); color: #fff">#2b6e95を補足するための#95522a線上グラデーション</p>
#2b6e95テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2b6e95">#2b6e95テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2b6e95に関連している順番で並べらられている。関連は、十六進法の色#2b6e95の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：