色見本
RGB
CMYK
RYB
#003f5d十六進の色コード十六進の色コード#003f5dシアン色の暗い色合いです。光の三原色RGBにおいて色モデル#003f5dは0%の赤色、24.71%の绿色、36.47%の青色でできている。HSLで色彩空間#003f5dは199.35度の色調、100%の彩度、18.24%の明るさを有している。この色は約494 nmの波長である。
#003f5d情報反転
#ffc0a2 25% 飽和度
#003f5d 濃淡階調
#2e2e2e
25% 明るく
#004e74 オリジナル
#003f5d 25% 暗く
#002f45
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0b3a51 ウェブセーフ：blue
#0000ff
rgb(0, 63, 93)
rgba(0, 63, 93, 1.0)
赤色：0%、黄色：14.7285%、青色：36.4706%
#003f5d
16221
-16760995 / 0xff003f5d
hsl(199, 100%, 18%)
hsla(199, 100%, 18%, 1.0)
色調：199（199.3548）、彩度：100（100）、値：36（36.4706）
X：3.7533、Y：4.3453、Z：10.9968
x：0.1966、y：0.2276、Y：4.3453
L：24.7817、a：-5.5173、b：-22.8259
L：24.7817、u：-16.2827、v：-27.2672
L：24.7817、C：23.4832、H：256.4117
L：20.8454、a：-4.34、b：-16.6861
シアン色：100（1）、マゼンタ色：32（0.3226）、黄色：0（0）、黒色：64（0.6353）
シアン色：100（1）、マゼンタ色：75（0.7529）、黄色：64（0.6353）
Y：47.583、I：-47.168、Q：-3.9877
Y：47.583、U：22.3498、V：-41.7453
Y：47.583、Db：68.34、Dr：90.489
Y：56.866、Cb：150.494、Cr：98.213
Y：51.741、Pb：22.245、Pr：-32.88
7.5B 2/6（近似の）
#003f5d配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#003f5d黒まで#003f5d白まで#003f5d前景
<p style="color: #003f5d">#003f5d前景</p>
#003f5d背景
<p style="background-color: #003f5d; color: #fff">#003f5d背景</p>
#003f5d境界
<p style="border: #003f5d 3px solid">#003f5d境界</p>
#003f5d放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003f5d, #fff); background: -webkit-radial-gradient(50% 50%, #003f5d, #fff); background: -o-radial-gradient(50% 50%, #003f5d, #fff); background: -ms-radial-gradient(50% 50%, #003f5d, #fff); background: radial-gradient(50% 50%, #003f5d, #fff); color: #fff">#003f5d放射状グラデーション</p>
#003f5dを補足するための#5d1e00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003f5d, #5d1e00); background: -webkit-linear-gradient(top, #003f5d, #5d1e00); background: -o-linear-gradient(top, #003f5d, #5d1e00); background: -ms-linear-gradient(top, #003f5d, #5d1e00); background: linear-gradient(top, #003f5d, #5d1e00); color: #fff">#003f5dを補足するための#5d1e00線上グラデーション</p>
#003f5dテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003f5d">#003f5dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#003f5dに関連している順番で並べらられている。関連は、十六進法の色#003f5dの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：