色見本
RGB
CMYK
RYB
#55baed十六進の色コード十六進の色コード#55baedシアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#55baedは33.33%の赤色、72.94%の绿色、92.94%の青色でできている。HSLで色彩空間#55baedは200.13度の色調、80.85%の彩度、63.14%の明るさを有している。この色は約494 nmの波長である。Opaltone / OMS 6005はペイントカラーに調和している。
#55baed情報反転
#aa4512 25% 飽和度
#42bfff 濃淡階調
#a1a1a1
rgb(85, 186, 237)
rgba(85, 186, 237, 1.0)
赤色：33.3333%、黄色：57.1293%、青色：92.9412%
#55baed
5618413
-11158803 / 0xff55baed
hsl(200, 81%, 63%)
hsla(200, 81%, 63%, 1.0)
色調：200（200.1316）、彩度：64（64.135）、値：93（92.9412）
X：36.5913、Y：43.1635、Z：86.5236
x：0.2201、y：0.2596、Y：43.1635
L：71.6658、a：-14.1366、b：-34.1006
L：71.6658、u：-39.8085、v：-52.7799
L：71.6658、C：36.9147、H：247.4832
L：65.699、a：-15.5569、b：-32.0939
シアン色：64（0.6414）、マゼンタ色：22（0.2152）、黄色：0（0）、黒色：7（0.0706）
シアン色：67（0.6667）、マゼンタ色：27（0.2706）、黄色：7（0.0706）
Y：161.615、I：-76.5517、Q：-5.4892
Y：161.615、U：37.098、V：-67.2155
Y：161.615、Db：113.433、Dr：145.7
Y：154.815、Cb：165.337、Cr：80.04
Y：168.159、Pb：37.115、Pr：-52.846
7.5B 7/8近似、完全一致：Munsell 7.5B 7/8 / #58b9e9
#55baed配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#55baed黒まで#55baed白まで#55baed前景
<p style="color: #55baed; background-color: #000">#55baed前景</p>
#55baed背景
<p style="background-color: #55baed">#55baed背景</p>
#55baed境界
<p style="border: #55baed 3px solid">#55baed境界</p>
#55baed放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #55baed, #fff); background: -webkit-radial-gradient(50% 50%, #55baed, #fff); background: -o-radial-gradient(50% 50%, #55baed, #fff); background: -ms-radial-gradient(50% 50%, #55baed, #fff); background: radial-gradient(50% 50%, #55baed, #fff)">#55baed放射状グラデーション</p>
#55baedを補足するための#ed8854線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #55baed, #ed8854); background: -webkit-linear-gradient(top, #55baed, #ed8854); background: -o-linear-gradient(top, #55baed, #ed8854); background: -ms-linear-gradient(top, #55baed, #ed8854); background: linear-gradient(top, #55baed, #ed8854); color: #000">#55baedを補足するための#ed8854線上グラデーション</p>
#55baedテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #55baed">#55baedテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#55baedに関連している順番で並べらられている。関連は、十六進法の色#55baedの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：