色見本
RGB
CMYK
RYB
#0095e0十六進の色コード十六進の色コード#0095e0シアン青色の色合いです。光の三原色RGBにおいて色モデル#0095e0は0%の赤色、58.43%の绿色、87.84%の青色でできている。HSLで色彩空間#0095e0は200.09度の色調、100%の彩度、43.92%の明るさを有している。この色は約494 nmの波長である。
#0095e0情報反転
#ff6a1f 25% 飽和度
#0094e0 濃淡階調
#707070
25% 明るく
#19b1ff オリジナル
#0095e0 25% 暗く
#006fa7
スチールブルー／steelblue
#4682b4 25% 不飽和度
#1c8bc3 ウェブセーフ：fuchsia
#ff00ff
rgb(0, 149, 224)
rgba(0, 149, 224, 1.0)
赤色：0%、黄色：35.0902%、青色：87.8431%
#0095e0
38368
-16738848 / 0xff0095e0
hsl(200, 100%, 44%)
hsla(200, 100%, 44%, 1.0)
色調：200（200.0893）、彩度：100（100）、値：88（87.8431）
X：24.202、Y：26.8767、Z：74.4332
x：0.1928、y：0.2141、Y：26.8767
L：58.86、a：-5.7589、b：-47.1146
L：58.86、u：-37.535、v：-73.8936
L：58.86、C：47.4652、H：263.0311
L：51.8428、a：-7.3948、b：-48.8356
シアン色：100（1）、マゼンタ色：33（0.3348）、黄色：0（0）、黒色：12（0.1216）
シアン色：100（1）、マゼンタ色：42（0.4157）、黄色：12（0.1216）
Y：112.999、I：-112.8564、Q：-8.1718
Y：112.999、U：54.6239、V：-99.1357
Y：112.999、Db：167.025、Dr：214.892
Y：113.048、Cb：182.977、Cr：57.264
Y：122.663、Pb：54.635、Pr：-77.95
2.5PB 6/10近似、完全一致：Munsell 2.5PB 6/10 / #4c99e2
#0095e0配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#0095e0黒まで#0095e0白まで#0095e0前景
<p style="color: #0095e0">#0095e0前景</p>
#0095e0背景
<p style="background-color: #0095e0; color: #fff">#0095e0背景</p>
#0095e0境界
<p style="border: #0095e0 3px solid">#0095e0境界</p>
#0095e0放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0095e0, #fff); background: -webkit-radial-gradient(50% 50%, #0095e0, #fff); background: -o-radial-gradient(50% 50%, #0095e0, #fff); background: -ms-radial-gradient(50% 50%, #0095e0, #fff); background: radial-gradient(50% 50%, #0095e0, #fff); color: #fff">#0095e0放射状グラデーション</p>
#0095e0を補足するための#e04a00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0095e0, #e04a00); background: -webkit-linear-gradient(top, #0095e0, #e04a00); background: -o-linear-gradient(top, #0095e0, #e04a00); background: -ms-linear-gradient(top, #0095e0, #e04a00); background: linear-gradient(top, #0095e0, #e04a00); color: #fff">#0095e0を補足するための#e04a00線上グラデーション</p>
#0095e0テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0095e0">#0095e0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0095e0に関連している順番で並べらられている。関連は、十六進法の色#0095e0の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：