#022b3b
十六進の色コード十六進の色コード#022b3b
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#022b3b
は0.78%の赤色、16.86%の绿色、23.14%の青色でできている。HSLで色彩空間#022b3b
は196.84度の色調、93.44%の彩度、11.96%の明るさを有している。この色は約496 nmの波長である。
#022b3b
情報反転
#fdd4c4 25% 飽和度
#002b3d 濃淡階調
#1e1e1e
25% 明るく
#023549 オリジナル
#022b3b 25% 暗く
#01202c
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#092733 ウェブセーフ:navy
#000080
rgb(2, 43, 59)
rgba(2, 43, 59, 1.0)
赤色:0.7843%、黄色:10.1361%、青色:23.1373%
#022b3b
142139
-16635077 / 0xff022b3b
hsl(197, 93%, 12%)
hsla(197, 93%, 12%, 1.0)
色調:197(196.8421)、彩度:97(96.6102)、値:23(23.1373)
X:1.6783、Y:2.0564、Z:4.4461
x:0.2052、y:0.2514、Y:2.0564
L:15.7806、a:-6.7839、b:-14.0771
L:15.7806、u:-10.5575、v:-13.2919
L:15.7806、C:15.6264、H:244.2701
L:14.3402、a:-4.2045、b:-8.3445
シアン色:97(0.9661)、マゼンタ色:27(0.2712)、黄色:0(0)、黒色:77(0.7686)
シアン色:99(0.9922)、マゼンタ色:83(0.8314)、黄色:77(0.7686)
Y:32.565、I:-29.5646、Q:-3.6915
Y:32.565、U:13.0088、V:-26.8152
Y:32.565、Db:39.778、Dr:58.125
Y:43.968、Cb:141.092、Cr:108.865
Y:35.419、Pb:12.715、Pr:-21.236
5B 2/4近似、完全一致:Munsell 5B 2/4 / #023548
#022b3b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#022b3b
黒まで#022b3b
白まで#022b3b
前景
<p style="color: #022b3b">#022b3b前景</p>
#022b3b
背景
<p style="background-color: #022b3b; color: #fff">#022b3b背景</p>
#022b3b
境界
<p style="border: #022b3b 3px solid">#022b3b境界</p>
#022b3b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022b3b, #fff); background: -webkit-radial-gradient(50% 50%, #022b3b, #fff); background: -o-radial-gradient(50% 50%, #022b3b, #fff); background: -ms-radial-gradient(50% 50%, #022b3b, #fff); background: radial-gradient(50% 50%, #022b3b, #fff); color: #fff">#022b3b放射状グラデーション</p>
#022b3b
を補足するための#3b1201
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022b3b, #3b1201); background: -webkit-linear-gradient(top, #022b3b, #3b1201); background: -o-linear-gradient(top, #022b3b, #3b1201); background: -ms-linear-gradient(top, #022b3b, #3b1201); background: linear-gradient(top, #022b3b, #3b1201); color: #fff">
#022b3b
を補足するための#3b1201
線上グラデーション</p>
#022b3b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022b3b">#022b3bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#022b3b
に関連している順番で並べらられている。関連は、十六進法の色#022b3b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: