色見本
RGB
CMYK
RYB
#0295e0十六進の色コード十六進の色コード#0295e0シアン青色の色合いです。光の三原色RGBにおいて色モデル#0295e0は0.78%の赤色、58.43%の绿色、87.84%の青色でできている。HSLで色彩空間#0295e0は200.27度の色調、98.23%の彩度、44.31%の明るさを有している。この色は約494 nmの波長である。
#0295e0情報反転
#fd6a1f 25% 飽和度
#0095e2 濃淡階調
#717171
25% 明るく
#1db1fc オリジナル
#0295e0 25% 暗く
#016fa8
スチールブルー／steelblue
#4682b4 25% 不飽和度
#1d8bc4 ウェブセーフ：fuchsia
#ff00ff
rgb(2, 149, 224)
rgba(2, 149, 224, 1.0)
赤色：0.7843%、黄色：35.4663%、青色：87.8431%
#0295e0
169440
-16607776 / 0xff0295e0
hsl(200, 98%, 44%)
hsla(200, 98%, 44%, 1.0)
色調：200（200.2703）、彩度：99（99.1071）、値：88（87.8431）
X：24.227、Y：26.8896、Z：74.4343
x：0.193、y：0.2142、Y：26.8896
L：58.872、a：-5.7013、b：-47.0948
L：58.872、u：-37.4637、v：-73.8692
L：58.872、C：47.4387、H：263.0973
L：51.8552、a：-7.3504、b：-48.8078
シアン色：99（0.9911）、マゼンタ色：33（0.3348）、黄色：0（0）、黒色：12（0.1216）
シアン色：99（0.9922）、マゼンタ色：42（0.4157）、黄色：12（0.1216）
Y：113.597、I：-111.665、Q：-7.7489
Y：113.597、U：54.3296、V：-97.9057
Y：113.597、Db：166.125、Dr：212.226
Y：113.562、Cb：182.681、Cr：58.142
Y：123.089、Pb：54.405、Pr：-76.95
2.5PB 6/10近似、完全一致：Munsell 2.5PB 6/10 / #4c99e2
#0295e0配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#0295e0黒まで#0295e0白まで#0295e0前景
<p style="color: #0295e0">#0295e0前景</p>
#0295e0背景
<p style="background-color: #0295e0; color: #fff">#0295e0背景</p>
#0295e0境界
<p style="border: #0295e0 3px solid">#0295e0境界</p>
#0295e0放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0295e0, #fff); background: -webkit-radial-gradient(50% 50%, #0295e0, #fff); background: -o-radial-gradient(50% 50%, #0295e0, #fff); background: -ms-radial-gradient(50% 50%, #0295e0, #fff); background: radial-gradient(50% 50%, #0295e0, #fff); color: #fff">#0295e0放射状グラデーション</p>
#0295e0を補足するための#e04c01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0295e0, #e04c01); background: -webkit-linear-gradient(top, #0295e0, #e04c01); background: -o-linear-gradient(top, #0295e0, #e04c01); background: -ms-linear-gradient(top, #0295e0, #e04c01); background: linear-gradient(top, #0295e0, #e04c01); color: #fff">#0295e0を補足するための#e04c01線上グラデーション</p>
#0295e0テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0295e0">#0295e0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0295e0に関連している順番で並べらられている。関連は、十六進法の色#0295e0の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：