色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：