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