#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: