色見本
RGB
CMYK
RYB
#022e41十六進の色コード十六進の色コード#022e41シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#022e41は0.78%の赤色、18.04%の绿色、25.49%の青色でできている。HSLで色彩空間#022e41は198.1度の色調、94.03%の彩度、13.14%の明るさを有している。この色は約495 nmの波長である。
#022e41情報反転
#fdd1be 25% 飽和度
#002e42 濃淡階調
#212121
25% 明るく
#023951 オリジナル
#022e41 25% 暗く
#012230
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#092a39 ウェブセーフ：navy
#000080
rgb(2, 46, 65)
rgba(2, 46, 65, 1.0)
赤色：0.7843%、黄色：10.9437%、青色：25.4902%
#022e41
142913
-16634303 / 0xff022e41
hsl(198, 94%, 13%)
hsla(198, 94%, 13%, 1.0)
色調：198（198.0952）、彩度：97（96.9231）、値：25（25.4902）
X：1.9562、Y：2.3486、Z：5.3512
x：0.2026、y：0.2432、Y：2.3486
L：17.2194、a：-6.1643、b：-15.9843
L：17.2194、u：-11.3862、v：-15.9628
L：17.2194、C：17.1317、H：248.9112
L：15.325、a：-4.034、b：-9.9756
シアン色：97（0.9692）、マゼンタ色：29（0.2923）、黄色：0（0）、黒色：75（0.7451）
シアン色：99（0.9922）、マゼンタ色：82（0.8196）、黄色：75（0.7451）
Y：35.01、I：-32.3155、Q：-3.3925
Y：35.01、U：14.7582、V：-28.9602
Y：35.01、Db：45.127、Dr：62.775
Y：46.068、Cb：142.853、Cr：107.335
Y：37.996、Pb：14.56、Pr：-22.874
5B 2/4近似、完全一致：Munsell 5B 2/4 / #023548
#022e41配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#022e41黒まで#022e41白まで#022e41前景
<p style="color: #022e41">#022e41前景</p>
#022e41背景
<p style="background-color: #022e41; color: #fff">#022e41背景</p>
#022e41境界
<p style="border: #022e41 3px solid">#022e41境界</p>
#022e41放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022e41, #fff); background: -webkit-radial-gradient(50% 50%, #022e41, #fff); background: -o-radial-gradient(50% 50%, #022e41, #fff); background: -ms-radial-gradient(50% 50%, #022e41, #fff); background: radial-gradient(50% 50%, #022e41, #fff); color: #fff">#022e41放射状グラデーション</p>
#022e41を補足するための#411401線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022e41, #411401); background: -webkit-linear-gradient(top, #022e41, #411401); background: -o-linear-gradient(top, #022e41, #411401); background: -ms-linear-gradient(top, #022e41, #411401); background: linear-gradient(top, #022e41, #411401); color: #fff">#022e41を補足するための#411401線上グラデーション</p>
#022e41テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022e41">#022e41テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#022e41に関連している順番で並べらられている。関連は、十六進法の色#022e41の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：