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