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