#2f9bcb
十六進の色コード十六進の色コード#2f9bcb
シアン色の色合いです。光の三原色RGBにおいて色モデル#2f9bcb
は18.43%の赤色、60.78%の绿色、79.61%の青色でできている。HSLで色彩空間#2f9bcb
は198.46度の色調、62.4%の彩度、49.02%の明るさを有している。この色は約495 nmの波長である。Sherwin-Williams Resonant Blue - 6954はペイントカラーに調和している。
#2f9bcb
情報反転
#d06434 25% 飽和度
#1ba2de 濃淡階調
#7d7d7d
rgb(47, 155, 203)
rgba(47, 155, 203, 1.0)
赤色:18.4314%、黄色:43.4581%、青色:79.6078%
#2f9bcb
3120075
-13657141 / 0xff2f9bcb
hsl(198, 62%, 49%)
hsla(198, 62%, 49%, 1.0)
色調:198(198.4615)、彩度:77(76.8473)、値:80(79.6078)
X:23.6731、Y:28.3588、Z:60.726
x:0.2099、y:0.2515、Y:28.3588
L:60.2115、a:-13.9098、b:-33.228
L:60.2115、u:-37.4373、v:-50.0975
L:60.2115、C:36.022、H:247.2849
L:53.253、a:-13.8422、b:-30.3331
シアン色:77(0.7685)、マゼンタ色:24(0.2365)、黄色:0(0)、黒色:20(0.2039)
シアン色:82(0.8157)、マゼンタ色:39(0.3922)、黄色:20(0.2039)
Y:128.18、I:-79.758、Q:-7.9028
Y:128.18、U:36.8196、V:-71.2205
Y:128.18、Db:112.584、Dr:154.38
Y:126.093、Cb:165.056、Cr:77.18
Y:135.452、Pb:36.42、Pr:-56.208
7.5B 6/8近似、完全一致:Munsell 7.5B 6/8 / #399ece
#2f9bcb
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2f9bcb
黒まで#2f9bcb
白まで#2f9bcb
前景
<p style="color: #2f9bcb; background-color: #000">#2f9bcb前景</p>
#2f9bcb
背景
<p style="background-color: #2f9bcb">#2f9bcb背景</p>
#2f9bcb
境界
<p style="border: #2f9bcb 3px solid">#2f9bcb境界</p>
#2f9bcb
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2f9bcb, #fff); background: -webkit-radial-gradient(50% 50%, #2f9bcb, #fff); background: -o-radial-gradient(50% 50%, #2f9bcb, #fff); background: -ms-radial-gradient(50% 50%, #2f9bcb, #fff); background: radial-gradient(50% 50%, #2f9bcb, #fff)">#2f9bcb放射状グラデーション</p>
#2f9bcb
を補足するための#cb5e2e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2f9bcb, #cb5e2e); background: -webkit-linear-gradient(top, #2f9bcb, #cb5e2e); background: -o-linear-gradient(top, #2f9bcb, #cb5e2e); background: -ms-linear-gradient(top, #2f9bcb, #cb5e2e); background: linear-gradient(top, #2f9bcb, #cb5e2e); color: #000">
#2f9bcb
を補足するための#cb5e2e
線上グラデーション</p>
#2f9bcb
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #2f9bcb">#2f9bcbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2f9bcb
に関連している順番で並べらられている。関連は、十六進法の色#2f9bcb
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: