#3e4571
十六進の色コード十六進の色コード#3e4571
青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#3e4571
は24.31%の赤色、27.06%の绿色、44.31%の青色でできている。HSLで色彩空間#3e4571
は231.76度の色調、29.14%の彩度、34.31%の明るさを有している。この色は約474 nmの波長である。Nippon Paint Marabelle / NP PB 1498 Aはペイントカラーに調和している。
#3e4571
情報反転
#c1ba8e 25% 飽和度
#374077 濃淡階調
#575757
rgb(62, 69, 113)
rgba(62, 69, 113, 1.0)
赤色:24.3137%、黄色:26.7275%、青色:44.3137%
#3e4571
4081009
-12696207 / 0xff3e4571
hsl(232, 29%, 34%)
hsla(232, 29%, 34%, 1.0)
色調:232(231.7647)、彩度:45(45.1327)、値:44(44.3137)
X:7.0954、Y:6.4726、Z:16.4982
x:0.236、y:0.2153、Y:6.4726
L:30.5749、a:9.777、b:-26.3226
L:30.5749、u:-5.2308、v:-35.4849
L:30.5749、C:28.0796、H:290.3765
L:25.4414、a:5.2596、b:-20.6393
シアン色:45(0.4513)、マゼンタ色:39(0.3894)、黄色:0(0)、黒色:56(0.5569)
シアン色:76(0.7569)、マゼンタ色:73(0.7294)、黄色:56(0.5569)
Y:71.923、I:-18.3056、Q:12.2097
Y:71.923、U:20.2146、V:-8.7054
Y:71.923、Db:61.802、Dr:18.879
Y:77.784、Cb:148.352、Cr:121.803
Y:70.677、Pb:22.805、Pr:-5.524
7.5PB 3/4近似、完全一致:Munsell 7.5PB 3/4 / #43456a
#3e4571
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3e4571
黒まで#3e4571
白まで#3e4571
前景
<p style="color: #3e4571">#3e4571前景</p>
#3e4571
背景
<p style="background-color: #3e4571; color: #fff">#3e4571背景</p>
#3e4571
境界
<p style="border: #3e4571 3px solid">#3e4571境界</p>
#3e4571
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3e4571, #fff); background: -webkit-radial-gradient(50% 50%, #3e4571, #fff); background: -o-radial-gradient(50% 50%, #3e4571, #fff); background: -ms-radial-gradient(50% 50%, #3e4571, #fff); background: radial-gradient(50% 50%, #3e4571, #fff); color: #fff">#3e4571放射状グラデーション</p>
#3e4571
を補足するための#71693e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3e4571, #71693e); background: -webkit-linear-gradient(top, #3e4571, #71693e); background: -o-linear-gradient(top, #3e4571, #71693e); background: -ms-linear-gradient(top, #3e4571, #71693e); background: linear-gradient(top, #3e4571, #71693e); color: #fff">
#3e4571
を補足するための#71693e
線上グラデーション</p>
#3e4571
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3e4571">#3e4571テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3e4571
に関連している順番で並べらられている。関連は、十六進法の色#3e4571
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: