色見本
RGB
CMYK
RYB
#ba677e十六進の色コード十六進の色コード#ba677eピンク色の色合いです。光の三原色RGBにおいて色モデル#ba677eは72.94%の赤色、40.39%の绿色、49.41%の青色でできている。HSLで色彩空間#ba677eは343.37度の色調、37.56%の彩度、56.67%の明るさを有している。この色は約404 nmの波長である。
#ba677e情報反転
#459881 25% 飽和度
#c45c79 濃淡階調
#909090
rgb(186, 103, 126)
rgba(186, 103, 126, 1.0)
赤色：72.9412%、黄色：40.3922%、青色：49.4118%
#ba677e
12216190
-4561026 / 0xffba677e
hsl(343, 38%, 57%)
hsla(343, 38%, 57%, 1.0)
色調：343（343.3735）、彩度：45（44.6237）、値：73（72.9412）
X：28.8658、Y：21.646、Z：22.3954
x：0.3959、y：0.2969、Y：21.646
L：53.6493、a：35.8746、b：2.0269
L：53.6493、u：53.4161、v：-3.7045
L：53.6493、C：35.9318、H：3.2338
L：46.5252、a：29.3284、b：4.0278
シアン色：0（0）、マゼンタ色：45（0.4462）、黄色：32（0.3226）、黒色：27（0.2706）
シアン色：27（0.2706）、マゼンタ色：60（0.5961）、黄色：51（0.5059）
Y：130.439、I：42.0554、Q：24.707
Y：130.439、U：-2.1828、V：48.7448
Y：130.439、Db：-6.691、Dr：-105.648
Y：128.062、Cb：125.813、Cr：162.804
Y：122.335、Pb：1.955、Pr：40.442
10RP 5/8近似、完全一致：Munsell 10RP 5/8 / #b85f75
#ba677e配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#ba677e黒まで#ba677e白まで#ba677e前景
<p style="color: #ba677e; background-color: #000">#ba677e前景</p>
#ba677e背景
<p style="background-color: #ba677e">#ba677e背景</p>
#ba677e境界
<p style="border: #ba677e 3px solid">#ba677e境界</p>
#ba677e放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ba677e, #fff); background: -webkit-radial-gradient(50% 50%, #ba677e, #fff); background: -o-radial-gradient(50% 50%, #ba677e, #fff); background: -ms-radial-gradient(50% 50%, #ba677e, #fff); background: radial-gradient(50% 50%, #ba677e, #fff)">#ba677e放射状グラデーション</p>
#ba677eを補足するための#67baa2線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ba677e, #67baa2); background: -webkit-linear-gradient(top, #ba677e, #67baa2); background: -o-linear-gradient(top, #ba677e, #67baa2); background: -ms-linear-gradient(top, #ba677e, #67baa2); background: linear-gradient(top, #ba677e, #67baa2); color: #000">#ba677eを補足するための#67baa2線上グラデーション</p>
#ba677eテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ba677e">#ba677eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ba677eに関連している順番で並べらられている。関連は、十六進法の色#ba677eの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：