#002c3d
十六進の色コード十六進の色コード#002c3d
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#002c3d
は0%の赤色、17.25%の绿色、23.92%の青色でできている。HSLで色彩空間#002c3d
は196.72度の色調、100%の彩度、11.96%の明るさを有している。この色は約496 nmの波長である。
#002c3d
情報反転
#ffd3c2 25% 飽和度
#002b3d 濃淡階調
#1e1e1e
25% 明るく
#00364c オリジナル
#002c3d 25% 暗く
#00202d
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#072835 ウェブセーフ:navy
#000080
rgb(0, 44, 61)
rgba(0, 44, 61, 1.0)
赤色:0%、黄色:10.0243%、青色:23.9216%
#002c3d
11325
-16765891 / 0xff002c3d
hsl(197, 100%, 12%)
hsla(197, 100%, 12%, 1.0)
色調:197(196.7213)、彩度:100(100)、値:24(23.9216)
X:1.743、Y:2.1383、Z:4.7357
x:0.2023、y:0.2481、Y:2.1383
L:16.1968、a:-6.9269、b:-14.8234
L:16.1968、u:-11.0891、v:-14.2364
L:16.1968、C:16.362、H:244.9535
L:14.6229、a:-4.3136、b:-8.9656
シアン色:100(1)、マゼンタ色:28(0.2787)、黄色:0(0)、黒色:76(0.7608)
シアン色:100(1)、マゼンタ色:83(0.8275)、黄色:76(0.7608)
Y:32.782、I:-31.673、Q:-4.0148
Y:32.782、U:13.8862、V:-28.7602
Y:32.782、Db:42.461、Dr:62.341
Y:44.154、Cb:141.975、Cr:107.477
Y:35.852、Pb:13.56、Pr:-22.782
5B 2/4近似、完全一致:Munsell 5B 2/4 / #023548
#002c3d
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#002c3d
黒まで#002c3d
白まで#002c3d
前景
<p style="color: #002c3d">#002c3d前景</p>
#002c3d
背景
<p style="background-color: #002c3d; color: #fff">#002c3d背景</p>
#002c3d
境界
<p style="border: #002c3d 3px solid">#002c3d境界</p>
#002c3d
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002c3d, #fff); background: -webkit-radial-gradient(50% 50%, #002c3d, #fff); background: -o-radial-gradient(50% 50%, #002c3d, #fff); background: -ms-radial-gradient(50% 50%, #002c3d, #fff); background: radial-gradient(50% 50%, #002c3d, #fff); color: #fff">#002c3d放射状グラデーション</p>
#002c3d
を補足するための#3d1100
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002c3d, #3d1100); background: -webkit-linear-gradient(top, #002c3d, #3d1100); background: -o-linear-gradient(top, #002c3d, #3d1100); background: -ms-linear-gradient(top, #002c3d, #3d1100); background: linear-gradient(top, #002c3d, #3d1100); color: #fff">
#002c3d
を補足するための#3d1100
線上グラデーション</p>
#002c3d
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002c3d">#002c3dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#002c3d
に関連している順番で並べらられている。関連は、十六進法の色#002c3d
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: