色見本
RGB
CMYK
RYB
#004056十六進の色コード十六進の色コード#004056シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#004056は0%の赤色、25.1%の绿色、33.73%の青色でできている。HSLで色彩空間#004056は195.35度の色調、100%の彩度、16.86%の明るさを有している。この色は約497 nmの波長である。
#004056情報反転
#ffbfa9 25% 飽和度
#004056 濃淡階調
#2b2b2b
25% 明るく
#00506b オリジナル
#004056 25% 暗く
#003040
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0a3a4b ウェブセーフ：blue
#0000ff
rgb(0, 64, 86)
rgba(0, 64, 86, 1.0)
赤色：0%、黄色：14.3895%、青色：33.7255%
#004056
16470
-16760746 / 0xff004056
hsl(195, 100%, 17%)
hsla(195, 100%, 17%, 1.0)
色調：195（195.3488）、彩度：100（100）、値：34（33.7255）
X：3.5131、Y：4.3387、Z：9.4564
x：0.203、y：0.2507、Y：4.3387
L：24.7609、a：-9.1398、b：-18.2923
L：24.7609、u：-17.0323、v：-21.1234
L：24.7609、C：20.4485、H：243.4509
L：20.8295、a：-6.3457、b：-12.3364
シアン色：100（1）、マゼンタ色：26（0.2558）、黄色：0（0）、黒色：66（0.6627）
シアン色：100（1）、マゼンタ色：75（0.749）、黄色：66（0.6627）
Y：47.372、I：-45.1936、Q：-6.6882
Y：47.372、U：19.009、V：-41.5602
Y：47.372、Db：58.126、Dr：90.086
Y：56.684、Cb：147.13、Cr：98.342
Y：51.952、Pb：18.36、Pr：-33.012
5B 2/4近似、完全一致：Munsell 5B 2/4 / #023548
#004056配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#004056黒まで#004056白まで#004056前景
<p style="color: #004056">#004056前景</p>
#004056背景
<p style="background-color: #004056; color: #fff">#004056背景</p>
#004056境界
<p style="border: #004056 3px solid">#004056境界</p>
#004056放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004056, #fff); background: -webkit-radial-gradient(50% 50%, #004056, #fff); background: -o-radial-gradient(50% 50%, #004056, #fff); background: -ms-radial-gradient(50% 50%, #004056, #fff); background: radial-gradient(50% 50%, #004056, #fff); color: #fff">#004056放射状グラデーション</p>
#004056を補足するための#561500線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004056, #561500); background: -webkit-linear-gradient(top, #004056, #561500); background: -o-linear-gradient(top, #004056, #561500); background: -ms-linear-gradient(top, #004056, #561500); background: linear-gradient(top, #004056, #561500); color: #fff">#004056を補足するための#561500線上グラデーション</p>
#004056テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004056">#004056テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#004056に関連している順番で並べらられている。関連は、十六進法の色#004056の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：