#8f746c
十六進の色コード十六進の色コード#8f746c
赤みがかったオレンジ色の色合いです。光の三原色RGBにおいて色モデル#8f746c
は56.08%の赤色、45.49%の绿色、42.35%の青色でできている。HSLで色彩空間#8f746c
は13.71度の色調、13.94%の彩度、49.22%の明るさを有している。この色は約611 nmの波長である。PPG Pittsburgh Paints Woodchuck 528-6とPorter Paints Woodchuck / 528-6はペイントカラーに調和している。
#8f746c
情報反転
#708b93 25% 飽和度
#937167 濃淡階調
#7d7d7d
rgb(143, 116, 108)
rgba(143, 116, 108, 1.0)
赤色:56.0784%、黄色:46.4198%、青色:42.3529%
#8f746c
9401452
-7375764 / 0xff8f746c
hsl(14, 14%, 49%)
hsla(14, 14%, 49%, 1.0)
色調:14(13.7143)、彩度:24(24.4755)、値:56(56.0784)
X:20.2799、Y:19.4131、Z:16.8656
x:0.3586、y:0.3432、Y:19.4131
L:51.1671、a:9.2625、b:8.3955
L:51.1671、u:17.4285、v:9.4537
L:51.1671、C:12.5012、H:42.189
L:44.0603、a:5.0534、b:8.147
シアン色:0(0)、マゼンタ色:19(0.1888)、黄色:24(0.2448)、黒色:44(0.4392)
シアン色:44(0.4392)、マゼンタ色:55(0.5451)、黄色:58(0.5765)
Y:123.161、I:18.6544、Q:3.2202
Y:123.161、U:-7.4593、V:17.4051
Y:123.161、Db:-22.814、Dr:-37.727
Y:121.799、Cb:120.492、Cr:140.421
Y:121.175、Pb:-7.105、Pr:13.868
5YR 5/2近似、完全一致:Munsell 5YR 5/2 / #8e756f
#8f746c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#8f746c
黒まで#8f746c
白まで#8f746c
前景
<p style="color: #8f746c">#8f746c前景</p>
#8f746c
背景
<p style="background-color: #8f746c; color: #fff">#8f746c背景</p>
#8f746c
境界
<p style="border: #8f746c 3px solid">#8f746c境界</p>
#8f746c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8f746c, #fff); background: -webkit-radial-gradient(50% 50%, #8f746c, #fff); background: -o-radial-gradient(50% 50%, #8f746c, #fff); background: -ms-radial-gradient(50% 50%, #8f746c, #fff); background: radial-gradient(50% 50%, #8f746c, #fff); color: #fff">#8f746c放射状グラデーション</p>
#8f746c
を補足するための#6b878f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8f746c, #6b878f); background: -webkit-linear-gradient(top, #8f746c, #6b878f); background: -o-linear-gradient(top, #8f746c, #6b878f); background: -ms-linear-gradient(top, #8f746c, #6b878f); background: linear-gradient(top, #8f746c, #6b878f); color: #fff">
#8f746c
を補足するための#6b878f
線上グラデーション</p>
#8f746c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #8f746c">#8f746cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8f746c
に関連している順番で並べらられている。関連は、十六進法の色#8f746c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: