#ab465a
十六進の色コード十六進の色コード#ab465a
ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#ab465a
は67.06%の赤色、27.45%の绿色、35.29%の青色でできている。HSLで色彩空間#ab465a
は348.12度の色調、41.91%の彩度、47.25%の明るさを有している。この色は約401 nmの波長である。Dutch Boy Floral Appliquéはペイントカラーに調和している。
#ab465a
情報反転
#54b9a5 25% 飽和度
#b73952 濃淡階調
#787878
25% 明るく
#c26a7c オリジナル
#ab465a 25% 暗く
#803443
クリムゾン/クリムソン/crimson
#dc143c 25% 不飽和度
#9e5261 ウェブセーフ:red
#ff0000
rgb(171, 70, 90)
rgba(171, 70, 90, 1.0)
赤色:67.0588%、黄色:27.451%、青色:35.2941%
#ab465a
11224666
-5552550 / 0xffab465a
hsl(348, 42%, 47%)
hsla(348, 42%, 47%, 1.0)
色調:348(348.1188)、彩度:59(59.0643)、値:67(67.0588)
X:20.8302、Y:13.7764、Z:11.2341
x:0.4544、y:0.3005、Y:13.7764
L:43.9106、a:43.2192、b:9.4898
L:43.9106、u:69.1731、v:3.6462
L:43.9106、C:44.2488、H:12.3841
L:37.1166、a:35.2219、b:8.0363
シアン色:0(0)、マゼンタ色:59(0.5906)、黄色:47(0.4737)、黒色:33(0.3294)
シアン色:33(0.3294)、マゼンタ色:73(0.7255)、黄色:65(0.6471)
Y:102.479、I:53.7421、Q:27.5798
Y:102.479、U:-6.1394、V:60.1148
Y:102.479、Db:-18.79、Dr:-130.293
Y:104.047、Cb:121.832、Cr:170.919
Y:92.953、Pb:-1.615、Pr:49.58
2.5R 4/10近似、完全一致:Munsell 2.5R 4/10 / #a83951
#ab465a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ab465a
黒まで#ab465a
白まで#ab465a
前景
<p style="color: #ab465a">#ab465a前景</p>
#ab465a
背景
<p style="background-color: #ab465a; color: #fff">#ab465a背景</p>
#ab465a
境界
<p style="border: #ab465a 3px solid">#ab465a境界</p>
#ab465a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ab465a, #fff); background: -webkit-radial-gradient(50% 50%, #ab465a, #fff); background: -o-radial-gradient(50% 50%, #ab465a, #fff); background: -ms-radial-gradient(50% 50%, #ab465a, #fff); background: radial-gradient(50% 50%, #ab465a, #fff); color: #fff">#ab465a放射状グラデーション</p>
#ab465a
を補足するための#46aa96
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ab465a, #46aa96); background: -webkit-linear-gradient(top, #ab465a, #46aa96); background: -o-linear-gradient(top, #ab465a, #46aa96); background: -ms-linear-gradient(top, #ab465a, #46aa96); background: linear-gradient(top, #ab465a, #46aa96); color: #fff">
#ab465a
を補足するための#46aa96
線上グラデーション</p>
#ab465a
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ab465a">#ab465aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ab465a
に関連している順番で並べらられている。関連は、十六進法の色#ab465a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: