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