色見本
RGB
CMYK
RYB
#3c4a6a十六進の色コード十六進の色コード#3c4a6a青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#3c4a6aは23.53%の赤色、29.02%の绿色、41.57%の青色でできている。HSLで色彩空間#3c4a6aは221.74度の色調、27.71%の彩度、32.55%の明るさを有している。この色は約480 nmの波長である。Evonik-Degussa 244A Blue Purpleはペイントカラーに調和している。
#3c4a6a情報反転
#c3b595 25% 飽和度
#36476f 濃淡階調
#525252
rgb(60, 74, 106)
rgba(60, 74, 106, 1.0)
赤色：23.5294%、黄色：27.7386%、青色：41.5686%
#3c4a6a
3951210
-12826006 / 0xff3c4a6a
hsl(222, 28%, 33%)
hsla(222, 28%, 33%, 1.0)
色調：222（221.7391）、彩度：43（43.3962）、値：42（41.5686）
X：6.9138、Y：6.8988、Z：14.6029
x：0.2433、y：0.2428、Y：6.8988
L：31.5755、a：3.6525、b：-20.3473
L：31.5755、u：-7.5938、v：-26.966
L：31.5755、C：20.6725、H：280.1767
L：26.2656、a：1.0209、b：-14.5775
シアン色：43（0.434）、マゼンタ色：30（0.3019）、黄色：0（0）、黒色：58（0.5843）
シアン色：76（0.7647）、マゼンタ色：71（0.7098）、黄色：58（0.5843）
Y：73.462、I：-18.6204、Q：6.9959
Y：73.462、U：16.0126、V：-11.8103
Y：73.462、Db：48.956、Dr：25.606
Y：79.104、Cb：144.12、Cr：119.582
Y：73.322、Pb：17.61、Pr：-8.472
5PB 3/4近似、完全一致：Munsell 5PB 3/4 / #39476a
#3c4a6a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#3c4a6a黒まで#3c4a6a白まで#3c4a6a前景
<p style="color: #3c4a6a">#3c4a6a前景</p>
#3c4a6a背景
<p style="background-color: #3c4a6a; color: #fff">#3c4a6a背景</p>
#3c4a6a境界
<p style="border: #3c4a6a 3px solid">#3c4a6a境界</p>
#3c4a6a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3c4a6a, #fff); background: -webkit-radial-gradient(50% 50%, #3c4a6a, #fff); background: -o-radial-gradient(50% 50%, #3c4a6a, #fff); background: -ms-radial-gradient(50% 50%, #3c4a6a, #fff); background: radial-gradient(50% 50%, #3c4a6a, #fff); color: #fff">#3c4a6a放射状グラデーション</p>
#3c4a6aを補足するための#695c3c線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3c4a6a, #695c3c); background: -webkit-linear-gradient(top, #3c4a6a, #695c3c); background: -o-linear-gradient(top, #3c4a6a, #695c3c); background: -ms-linear-gradient(top, #3c4a6a, #695c3c); background: linear-gradient(top, #3c4a6a, #695c3c); color: #fff">#3c4a6aを補足するための#695c3c線上グラデーション</p>
#3c4a6aテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3c4a6a">#3c4a6aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3c4a6aに関連している順番で並べらられている。関連は、十六進法の色#3c4a6aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：