色見本
RGB
CMYK
RYB
#5bbbfe十六進の色コード十六進の色コード#5bbbfeシアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#5bbbfeは35.69%の赤色、73.33%の绿色、99.61%の青色でできている。HSLで色彩空間#5bbbfeは204.66度の色調、98.79%の彩度、67.65%の明るさを有している。この色は約491 nmの波長である。
#5bbbfe情報反転
#a44401 25% 飽和度
#5abbff 濃淡階調
#acacac
rgb(91, 187, 254)
rgba(91, 187, 254, 1.0)
赤色：35.6863%、黄色：59.3792%、青色：99.6078%
#5bbbfe
6011902
-10765314 / 0xff5bbbfe
hsl(205, 99%, 68%)
hsla(205, 99%, 68%, 1.0)
色調：205（204.6626）、彩度：64（64.1732）、値：100（99.6078）
X：39.9741、Y：44.9206、Z：100.3296
x：0.2158、y：0.2425、Y：44.9206
L：72.8395、a：-8.3156、b：-41.4479
L：72.8395、u：-38.1331、v：-66.2236
L：72.8395、C：42.2738、H：258.6555
L：67.0228、a：-10.828、b：-41.8381
シアン色：64（0.6417）、マゼンタ色：26（0.2638）、黄色：0（0）、黒色：0（0.0039）
シアン色：64（0.6431）、マゼンタ色：27（0.2667）、黄色：0（0.0039）
Y：165.934、I：-78.7134、Q：0.5463
Y：165.934、U：43.3383、V：-65.7407
Y：165.934、Db：132.511、Dr：142.507
Y：158.527、Cb：171.621、Cr：81.099
Y：171.376、Pb：44.54、Pr：-51.082
10B 7/10近似、完全一致：Munsell 10B 7/10 / #42b9fe
#5bbbfe配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#5bbbfe黒まで#5bbbfe白まで#5bbbfe前景
<p style="color: #5bbbfe; background-color: #000">#5bbbfe前景</p>
#5bbbfe背景
<p style="background-color: #5bbbfe">#5bbbfe背景</p>
#5bbbfe境界
<p style="border: #5bbbfe 3px solid">#5bbbfe境界</p>
#5bbbfe放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5bbbfe, #fff); background: -webkit-radial-gradient(50% 50%, #5bbbfe, #fff); background: -o-radial-gradient(50% 50%, #5bbbfe, #fff); background: -ms-radial-gradient(50% 50%, #5bbbfe, #fff); background: radial-gradient(50% 50%, #5bbbfe, #fff)">#5bbbfe放射状グラデーション</p>
#5bbbfeを補足するための#fe9d5a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5bbbfe, #fe9d5a); background: -webkit-linear-gradient(top, #5bbbfe, #fe9d5a); background: -o-linear-gradient(top, #5bbbfe, #fe9d5a); background: -ms-linear-gradient(top, #5bbbfe, #fe9d5a); background: linear-gradient(top, #5bbbfe, #fe9d5a); color: #000">#5bbbfeを補足するための#fe9d5a線上グラデーション</p>
#5bbbfeテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5bbbfe">#5bbbfeテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5bbbfeに関連している順番で並べらられている。関連は、十六進法の色#5bbbfeの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：