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