色見本
RGB
CMYK
RYB
#4bb1cb十六進の色コード十六進の色コード#4bb1cbシアン色の色合いです。光の三原色RGBにおいて色モデル#4bb1cbは29.41%の赤色、69.41%の绿色、79.61%の青色でできている。HSLで色彩空間#4bb1cbは192.19度の色調、55.17%の彩度、54.51%の明るさを有している。この色は約499 nmの波長である。Behr 520B-5 Liquid Blueはペイントカラーに調和している。
#4bb1cb情報反転
#b44e34 25% 飽和度
#3abadb 濃淡階調
#8b8b8b
rgb(75, 177, 203)
rgba(75, 177, 203, 1.0)
赤色：29.4118%、黄色：51.6726%、青色：79.6078%
#4bb1cb
4960715
-11816501 / 0xff4bb1cb
hsl(192, 55%, 55%)
hsla(192, 55%, 55%, 1.0)
色調：192（192.1875）、彩度：63（63.0542）、値：80（79.6078）
X：29.4033、Y：37.2519、Z：62.1405
x：0.2283、y：0.2892、Y：37.2519
L：67.4656、a：-21.6054、b：-21.9894
L：67.4656、u：-40.3474、v：-31.1459
L：67.4656、C：30.8274、H：225.5047
L：61.0344、a：-20.8178、b：-17.6405
シアン色：63（0.6305）、マゼンタ色：13（0.1281）、黄色：0（0）、黒色：20（0.2039）
シアン色：71（0.7059）、マゼンタ色：31（0.3059）、黄色：20（0.2039）
Y：149.466、I：-69.1159、Q：-13.479
Y：149.466、U：26.345、V：-65.3303
Y：149.466、Db：80.558、Dr：141.608
Y：144.377、Cb：154.51、Cr：81.376
Y：157.146、Pb：24.73、Pr：-52.196
2.5B 7/6近似、完全一致：Munsell 2.5B 7/6 / #69bad1
#4bb1cb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#4bb1cb黒まで#4bb1cb白まで#4bb1cb前景
<p style="color: #4bb1cb; background-color: #000">#4bb1cb前景</p>
#4bb1cb背景
<p style="background-color: #4bb1cb">#4bb1cb背景</p>
#4bb1cb境界
<p style="border: #4bb1cb 3px solid">#4bb1cb境界</p>
#4bb1cb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4bb1cb, #fff); background: -webkit-radial-gradient(50% 50%, #4bb1cb, #fff); background: -o-radial-gradient(50% 50%, #4bb1cb, #fff); background: -ms-radial-gradient(50% 50%, #4bb1cb, #fff); background: radial-gradient(50% 50%, #4bb1cb, #fff)">#4bb1cb放射状グラデーション</p>
#4bb1cbを補足するための#cb644a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4bb1cb, #cb644a); background: -webkit-linear-gradient(top, #4bb1cb, #cb644a); background: -o-linear-gradient(top, #4bb1cb, #cb644a); background: -ms-linear-gradient(top, #4bb1cb, #cb644a); background: linear-gradient(top, #4bb1cb, #cb644a); color: #000">#4bb1cbを補足するための#cb644a線上グラデーション</p>
#4bb1cbテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #4bb1cb">#4bb1cbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#4bb1cbに関連している順番で並べらられている。関連は、十六進法の色#4bb1cbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：