#3c3a4d
十六進の色コード十六進の色コード#3c3a4d
青マゼンタ色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#3c3a4d
は23.53%の赤色、22.75%の绿色、30.2%の青色でできている。HSLで色彩空間#3c3a4d
は246.32度の色調、14.07%の彩度、26.47%の明るさを有している。この色は約465 nmの波長である。Opaltone / OMS 6976はペイントカラーに調和している。
#3c3a4d
情報反転
#c3c5b2 25% 飽和度
#3a374f 濃淡階調
#434343
rgb(60, 58, 77)
rgba(60, 58, 77, 1.0)
赤色:23.5294%、黄色:22.7451%、青色:30.1961%
#3c3a4d
3947085
-12830131 / 0xff3c3a4d
hsl(246, 14%, 26%)
hsla(246, 14%, 26%, 1.0)
色調:246(246.3158)、彩度:25(24.6753)、値:30(30.1961)
X:4.7161、Y:4.5226、Z:7.6456
x:0.2793、y:0.2679、Y:4.5226
L:25.3289、a:5.5901、b:-11.2545
L:25.3289、u:-0.0955、v:-13.858
L:25.3289、C:12.5664、H:296.4135
L:21.2664、a:2.3684、b:-6.4291
シアン色:22(0.2208)、マゼンタ色:25(0.2468)、黄色:0(0)、黒色:70(0.698)
シアン色:76(0.7647)、マゼンタ色:77(0.7725)、黄色:70(0.698)
Y:60.764、I:-4.9126、Q:6.3345
Y:60.764、U:7.9903、V:-0.6702
Y:60.764、Db:24.427、Dr:1.457
Y:68.198、Cb:136.045、Cr:127.529
Y:59.794、Pb:9.27、Pr:0.126
7.5PB 2/2近似、完全一致:Munsell 7.5PB 2/2 / #302f42
#3c3a4d
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3c3a4d
黒まで#3c3a4d
白まで#3c3a4d
前景
<p style="color: #3c3a4d">#3c3a4d前景</p>
#3c3a4d
背景
<p style="background-color: #3c3a4d; color: #fff">#3c3a4d背景</p>
#3c3a4d
境界
<p style="border: #3c3a4d 3px solid">#3c3a4d境界</p>
#3c3a4d
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3c3a4d, #fff); background: -webkit-radial-gradient(50% 50%, #3c3a4d, #fff); background: -o-radial-gradient(50% 50%, #3c3a4d, #fff); background: -ms-radial-gradient(50% 50%, #3c3a4d, #fff); background: radial-gradient(50% 50%, #3c3a4d, #fff); color: #fff">#3c3a4d放射状グラデーション</p>
#3c3a4d
を補足するための#4b4d39
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3c3a4d, #4b4d39); background: -webkit-linear-gradient(top, #3c3a4d, #4b4d39); background: -o-linear-gradient(top, #3c3a4d, #4b4d39); background: -ms-linear-gradient(top, #3c3a4d, #4b4d39); background: linear-gradient(top, #3c3a4d, #4b4d39); color: #fff">
#3c3a4d
を補足するための#4b4d39
線上グラデーション</p>
#3c3a4d
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3c3a4d">#3c3a4dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3c3a4d
に関連している順番で並べらられている。関連は、十六進法の色#3c3a4d
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: