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