#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: