#a86162
十六進の色コード十六進の色コード#a86162
ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#a86162
は65.88%の赤色、38.04%の绿色、38.43%の青色でできている。HSLで色彩空間#a86162
は359.15度の色調、28.98%の彩度、51.96%の明るさを有している。この色は約394 nmの波長である。Kansai Paint Fresh Roseはペイントカラーに調和している。
#a86162
情報反転
#579e9d 25% 飽和度
#b05859 濃淡階調
#848484
rgb(168, 97, 98)
rgba(168, 97, 98, 1.0)
赤色:65.8824%、黄色:38.0392%、青色:38.4314%
#a86162
11034978
-5742238 / 0xffa86162
hsl(359, 29%, 52%)
hsla(359, 29%, 52%, 1.0)
色調:359(359.1549)、彩度:42(42.2619)、値:66(65.8824)
X:22.6277、Y:17.7561、Z:13.7899
x:0.4177、y:0.3278、Y:17.7561
L:49.1989、a:28.858、b:11.9741
L:49.1989、u:48.7076、v:9.8648
L:49.1989、C:31.2436、H:22.5351
L:42.1379、a:22.1117、b:10.0935
シアン色:0(0)、マゼンタ色:42(0.4226)、黄色:42(0.4167)、黒色:34(0.3412)
シアン色:34(0.3412)、マゼンタ色:62(0.6196)、黄色:62(0.6157)
Y:118.343、I:41.9746、Q:15.3245
Y:118.343、U:-10.0093、V:43.565
Y:118.343、Db:-30.617、Dr:-94.426
Y:117.668、Cb:117.931、Cr:159.098
Y:112.195、Pb:-7.665、Pr:35.454
5R 5/6近似、完全一致:Munsell 5R 5/6 / #ad676a
#a86162
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#a86162
黒まで#a86162
白まで#a86162
前景
<p style="color: #a86162">#a86162前景</p>
#a86162
背景
<p style="background-color: #a86162; color: #fff">#a86162背景</p>
#a86162
境界
<p style="border: #a86162 3px solid">#a86162境界</p>
#a86162
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #a86162, #fff); background: -webkit-radial-gradient(50% 50%, #a86162, #fff); background: -o-radial-gradient(50% 50%, #a86162, #fff); background: -ms-radial-gradient(50% 50%, #a86162, #fff); background: radial-gradient(50% 50%, #a86162, #fff); color: #fff">#a86162放射状グラデーション</p>
#a86162
を補足するための#61a7a7
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #a86162, #61a7a7); background: -webkit-linear-gradient(top, #a86162, #61a7a7); background: -o-linear-gradient(top, #a86162, #61a7a7); background: -ms-linear-gradient(top, #a86162, #61a7a7); background: linear-gradient(top, #a86162, #61a7a7); color: #fff">
#a86162
を補足するための#61a7a7
線上グラデーション</p>
#a86162
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #a86162">#a86162テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#a86162
に関連している順番で並べらられている。関連は、十六進法の色#a86162
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: