色見本
RGB
CMYK
RYB
#002c3b十六進の色コード十六進の色コード#002c3bシアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#002c3bは0%の赤色、17.25%の绿色、23.14%の青色でできている。HSLで色彩空間#002c3bは195.25度の色調、100%の彩度、11.57%の明るさを有している。この色は約497 nmの波長である。
#002c3b情報反転
#ffd3c4 25% 飽和度
#002b3a 濃淡階調
#1d1d1d
25% 明るく
#003649 オリジナル
#002c3b 25% 暗く
#00202c
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#072833 ウェブセーフ：black
#000000
rgb(0, 44, 59)
rgba(0, 44, 59, 1.0)
赤色：0%、黄色：9.8839%、青色：23.1373%
#002c3b
11323
-16765893 / 0xff002c3b
hsl(195, 100%, 12%)
hsla(195, 100%, 12%, 1.0)
色調：195（195.2542）、彩度：100（100）、値：23（23.1373）
X：1.6901、Y：2.1171、Z：4.4572
x：0.2045、y：0.2562、Y：2.1171
L：16.0903、a：-7.8151、b：-13.6004
L：16.0903、u：-11.1793、v：-12.8347
L：16.0903、C：15.6858、H：240.1174
L：14.5504、a：-4.7294、b：-7.9772
シアン色：100（1）、マゼンタ色：25（0.2542）、黄色：0（0）、黒色：77（0.7686）
シアン色：100（1）、マゼンタ色：83（0.8275）、黄色：77（0.7686）
Y：32.554、I：-31.0304、Q：-4.637
Y：32.554、U：13.0142、V：-28.5601
Y：32.554、Db：39.795、Dr：61.907
Y：43.958、Cb：141.097、Cr：107.619
Y：35.708、Pb：12.56、Pr：-22.69
2.5B 2/4（近似の）
#002c3b配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#002c3b黒まで#002c3b白まで#002c3b前景
<p style="color: #002c3b">#002c3b前景</p>
#002c3b背景
<p style="background-color: #002c3b; color: #fff">#002c3b背景</p>
#002c3b境界
<p style="border: #002c3b 3px solid">#002c3b境界</p>
#002c3b放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002c3b, #fff); background: -webkit-radial-gradient(50% 50%, #002c3b, #fff); background: -o-radial-gradient(50% 50%, #002c3b, #fff); background: -ms-radial-gradient(50% 50%, #002c3b, #fff); background: radial-gradient(50% 50%, #002c3b, #fff); color: #fff">#002c3b放射状グラデーション</p>
#002c3bを補足するための#3a0e00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002c3b, #3a0e00); background: -webkit-linear-gradient(top, #002c3b, #3a0e00); background: -o-linear-gradient(top, #002c3b, #3a0e00); background: -ms-linear-gradient(top, #002c3b, #3a0e00); background: linear-gradient(top, #002c3b, #3a0e00); color: #fff">#002c3bを補足するための#3a0e00線上グラデーション</p>
#002c3bテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002c3b">#002c3bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#002c3bに関連している順番で並べらられている。関連は、十六進法の色#002c3bの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：