色見本
RGB
CMYK
RYB
#022e8f十六進の色コード十六進の色コード#022e8f青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#022e8fは0.78%の赤色、18.04%の绿色、56.08%の青色でできている。HSLで色彩空間#022e8fは221.28度の色調、97.24%の彩度、28.43%の明るさを有している。この色は約481 nmの波長である。
#022e8f情報反転
#fdd170 25% 飽和度
#002d91 濃淡階調
#484848
rgb(2, 46, 143)
rgba(2, 46, 143, 1.0)
赤色：0.7843%、黄色：13.9353%、青色：56.0784%
#022e8f
142991
-16634225 / 0xff022e8f
hsl(221, 97%, 28%)
hsla(221, 97%, 28%, 1.0)
色調：221（221.2766）、彩度：99（98.6014）、値：56（56.0784）
X：5.96、Y：3.9501、Z：26.4349
x：0.164、y：0.1087、Y：3.9501
L：23.5057、a：28.3591、b：-56.6546
L：23.5057、u：-10.0461、v：-67.9407
L：23.5057、C：63.356、H：296.5908
L：19.8748、a：18.7469、b：-64.9477
シアン色：99（0.986）、マゼンタ色：68（0.6783）、黄色：0（0）、黒色：44（0.4392）
シアン色：99（0.9922）、マゼンタ色：82（0.8196）、黄色：44（0.4392）
Y：43.902、I：-57.374、Q：20.876
Y：43.902、U：48.7662、V：-36.761
Y：43.902、Db：149.101、Dr：79.701
Y：53.712、Cb：177.095、Cr：101.797
Y：43.612、Pb：53.56、Pr：-26.462
7.5PB 2/12近似、完全一致：Munsell 7.5PB 2/12 / #25237e
#022e8f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#022e8f黒まで#022e8f白まで#022e8f前景
<p style="color: #022e8f">#022e8f前景</p>
#022e8f背景
<p style="background-color: #022e8f; color: #fff">#022e8f背景</p>
#022e8f境界
<p style="border: #022e8f 3px solid">#022e8f境界</p>
#022e8f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022e8f, #fff); background: -webkit-radial-gradient(50% 50%, #022e8f, #fff); background: -o-radial-gradient(50% 50%, #022e8f, #fff); background: -ms-radial-gradient(50% 50%, #022e8f, #fff); background: radial-gradient(50% 50%, #022e8f, #fff); color: #fff">#022e8f放射状グラデーション</p>
#022e8fを補足するための#8f6301線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022e8f, #8f6301); background: -webkit-linear-gradient(top, #022e8f, #8f6301); background: -o-linear-gradient(top, #022e8f, #8f6301); background: -ms-linear-gradient(top, #022e8f, #8f6301); background: linear-gradient(top, #022e8f, #8f6301); color: #fff">#022e8fを補足するための#8f6301線上グラデーション</p>
#022e8fテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022e8f">#022e8fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#022e8fに関連している順番で並べらられている。関連は、十六進法の色#022e8fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：