#8bd5e3
十六進の色コード十六進の色コード#8bd5e3
シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#8bd5e3
は54.51%の赤色、83.53%の绿色、89.02%の青色でできている。HSLで色彩空間#8bd5e3
は189.55度の色調、61.11%の彩度、71.76%の明るさを有している。この色は約501 nmの波長である。Dulux Australia July / A315はペイントカラーに調和している。
#8bd5e3
情報反転
#742a1c 25% 飽和度
#80dced 濃淡階調
#b6b6b6
rgb(139, 213, 227)
rgba(139, 213, 227, 1.0)
赤色:54.5098%、黄色:70.2735%、青色:89.0196%
#8bd5e3
9164259
-7612957 / 0xff8bd5e3
hsl(190, 61%, 72%)
hsla(190, 61%, 72%, 1.0)
色調:190(189.5455)、彩度:39(38.7665)、値:89(89.0196)
X:48.3068、Y:58.6235、Z:81.4425
x:0.2564、y:0.3112、Y:58.6235
L:81.0842、a:-19.4476、b:-14.1623
L:81.0842、u:-34.7517、v:-19.1326
L:81.0842、C:24.0579、H:216.0632
L:76.566、a:-21.3717、b:-9.47
シアン色:39(0.3877)、マゼンタ色:6(0.0617)、黄色:0(0)、黒色:11(0.1098)
シアン色:45(0.4549)、マゼンタ色:16(0.1647)、黄色:11(0.1098)
Y:192.47、I:-48.5807、Q:-11.2919
Y:192.47、U:16.9937、V:-46.9101
Y:192.47、Db:51.962、Dr:101.68
Y:181.321、Cb:145.098、Cr:94.52
Y:198.246、Pb:15.51、Pr:-37.644
10BG 8/6近似、完全一致:Munsell 10BG 8/6 / #7ed7e6
#8bd5e3
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#8bd5e3
黒まで#8bd5e3
白まで#8bd5e3
前景
<p style="color: #8bd5e3; background-color: #000">#8bd5e3前景</p>
#8bd5e3
背景
<p style="background-color: #8bd5e3">#8bd5e3背景</p>
#8bd5e3
境界
<p style="border: #8bd5e3 3px solid">#8bd5e3境界</p>
#8bd5e3
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8bd5e3, #fff); background: -webkit-radial-gradient(50% 50%, #8bd5e3, #fff); background: -o-radial-gradient(50% 50%, #8bd5e3, #fff); background: -ms-radial-gradient(50% 50%, #8bd5e3, #fff); background: radial-gradient(50% 50%, #8bd5e3, #fff)">#8bd5e3放射状グラデーション</p>
#8bd5e3
を補足するための#e3988a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8bd5e3, #e3988a); background: -webkit-linear-gradient(top, #8bd5e3, #e3988a); background: -o-linear-gradient(top, #8bd5e3, #e3988a); background: -ms-linear-gradient(top, #8bd5e3, #e3988a); background: linear-gradient(top, #8bd5e3, #e3988a); color: #000">
#8bd5e3
を補足するための#e3988a
線上グラデーション</p>
#8bd5e3
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #8bd5e3">#8bd5e3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8bd5e3
に関連している順番で並べらられている。関連は、十六進法の色#8bd5e3
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: