色見本
RGB
CMYK
RYB
#022e9b十六進の色コード十六進の色コード#022e9b青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#022e9bは0.78%の赤色、18.04%の绿色、60.78%の青色でできている。HSLで色彩空間#022e9bは222.75度の色調、97.45%の彩度、30.78%の明るさを有している。この色は約480 nmの波長である。
#022e9b情報反転
#fdd164 25% 飽和度
#002d9c 濃淡階調
#4e4e4e
rgb(2, 46, 155)
rgba(2, 46, 155, 1.0)
赤色：0.7843%、黄色：14.1853%、青色：60.7843%
#022e9b
143003
-16634213 / 0xff022e9b
hsl(223, 97%, 31%)
hsla(223, 97%, 31%, 1.0)
色調：223（222.7451）、彩度：99（98.7097）、値：61（60.7843）
X：6.9184、Y：4.3335、Z：31.4821
x：0.1619、y：0.1014、Y：4.3335
L：24.7445、a：33.1429、b：-62.0015
L：24.7445、u：-10.1323、v：-75.2432
L：24.7445、C：70.3039、H：298.1267
L：20.8169、a：22.8941、b：-75.0943
シアン色：99（0.9871）、マゼンタ色：70（0.7032）、黄色：0（0）、黒色：39（0.3922）
シアン色：99（0.9922）、マゼンタ色：82（0.8196）、黄色：39（0.3922）
Y：45.27、I：-61.2292、Q：24.6097
Y：45.27、U：53.9982、V：-37.9611
Y：45.27、Db：165.097、Dr：82.305
Y：54.888、Cb：182.363、Cr：100.945
Y：44.476、Pb：59.56、Pr：-27.014
7.5PB 3/14近似、完全一致：Munsell 7.5PB 3/14 / #3339a9
#022e9b配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#022e9b黒まで#022e9b白まで#022e9b前景
<p style="color: #022e9b">#022e9b前景</p>
#022e9b背景
<p style="background-color: #022e9b; color: #fff">#022e9b背景</p>
#022e9b境界
<p style="border: #022e9b 3px solid">#022e9b境界</p>
#022e9b放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022e9b, #fff); background: -webkit-radial-gradient(50% 50%, #022e9b, #fff); background: -o-radial-gradient(50% 50%, #022e9b, #fff); background: -ms-radial-gradient(50% 50%, #022e9b, #fff); background: radial-gradient(50% 50%, #022e9b, #fff); color: #fff">#022e9b放射状グラデーション</p>
#022e9bを補足するための#9b6e01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022e9b, #9b6e01); background: -webkit-linear-gradient(top, #022e9b, #9b6e01); background: -o-linear-gradient(top, #022e9b, #9b6e01); background: -ms-linear-gradient(top, #022e9b, #9b6e01); background: linear-gradient(top, #022e9b, #9b6e01); color: #fff">#022e9bを補足するための#9b6e01線上グラデーション</p>
#022e9bテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022e9b">#022e9bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#022e9bに関連している順番で並べらられている。関連は、十六進法の色#022e9bの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：