#02394d
十六進の色コード十六進の色コード#02394d
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02394d
は0.78%の赤色、22.35%の绿色、30.2%の青色でできている。HSLで色彩空間#02394d
は196度の色調、94.94%の彩度、15.49%の明るさを有している。この色は約497 nmの波長である。
#02394d
情報反転
#fdc6b2 25% 飽和度
#00394f 濃淡階調
#272727
25% 明るく
#024760 オリジナル
#02394d 25% 暗く
#012a39
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b3443 ウェブセーフ:navy
#000080
rgb(2, 57, 77)
rgba(2, 57, 77, 1.0)
赤色:0.7843%、黄色:13.2278%、青色:30.1961%
#02394d
145741
-16631475 / 0xff02394d
hsl(196, 95%, 15%)
hsla(196, 95%, 15%, 1.0)
色調:196(196)、彩度:97(97.4026)、値:30(30.1961)
X:2.8277、Y:3.475、Z:7.5429
x:0.2042、y:0.251、Y:3.475
L:21.8537、a:-8.2326、b:-16.8751
L:21.8537、u:-14.7861、v:-18.5266
L:21.8537、C:18.7762、H:243.9944
L:18.6413、a:-5.5455、b:-10.9418
シアン色:97(0.974)、マゼンタ色:26(0.2597)、黄色:0(0)、黒色:70(0.698)
シアン色:99(0.9922)、マゼンタ色:78(0.7765)、黄色:70(0.698)
Y:42.835、I:-39.1896、Q:-5.4074
Y:42.835、U:16.8127、V:-35.8252
Y:42.835、Db:51.41、Dr:77.655
Y:52.788、Cb:144.92、Cr:102.435
Y:46.725、Pb:16.325、Pr:-28.42
5B 2/4近似、完全一致:Munsell 5B 2/4 / #023548
#02394d
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02394d
黒まで#02394d
白まで#02394d
前景
<p style="color: #02394d">#02394d前景</p>
#02394d
背景
<p style="background-color: #02394d; color: #fff">#02394d背景</p>
#02394d
境界
<p style="border: #02394d 3px solid">#02394d境界</p>
#02394d
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02394d, #fff); background: -webkit-radial-gradient(50% 50%, #02394d, #fff); background: -o-radial-gradient(50% 50%, #02394d, #fff); background: -ms-radial-gradient(50% 50%, #02394d, #fff); background: radial-gradient(50% 50%, #02394d, #fff); color: #fff">#02394d放射状グラデーション</p>
#02394d
を補足するための#4d1602
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02394d, #4d1602); background: -webkit-linear-gradient(top, #02394d, #4d1602); background: -o-linear-gradient(top, #02394d, #4d1602); background: -ms-linear-gradient(top, #02394d, #4d1602); background: linear-gradient(top, #02394d, #4d1602); color: #fff">
#02394d
を補足するための#4d1602
線上グラデーション</p>
#02394d
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02394d">#02394dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02394d
に関連している順番で並べらられている。関連は、十六進法の色#02394d
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: