#b64a55
十六進の色コード十六進の色コード#b64a55
ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#b64a55
は71.37%の赤色、29.02%の绿色、33.33%の青色でできている。HSLで色彩空間#b64a55
は353.89度の色調、42.52%の彩度、50.2%の明るさを有している。この色は約397 nmの波長である。Pratt & Lambert Deep Cerise 2-11はペイントカラーに調和している。
#b64a55
情報反転
#49b5aa 25% 飽和度
#c33c4a 濃淡階調
#808080
25% 明るく
#c8777f オリジナル
#b64a55 25% 暗く
#88373f
クリムゾン/クリムソン/crimson
#dc143c 25% 不飽和度
#a8575f ウェブセーフ:red
#ff0000
rgb(182, 74, 85)
rgba(182, 74, 85, 1.0)
赤色:71.3725%、黄色:29.0196%、青色:33.3333%
#b64a55
11946581
-4830635 / 0xffb64a55
hsl(354, 43%, 50%)
hsla(354, 43%, 50%, 1.0)
色調:354(353.8889)、彩度:59(59.3407)、値:71(71.3725)
X:23.3799、Y:15.4985、Z:10.3536
x:0.4749、y:0.3148、Y:15.4985
L:46.3096、a:44.7081、b:16.1437
L:46.3096、u:77.1222、v:10.727
L:46.3096、C:47.5335、H:19.8542
L:39.3682、a:37.1129、b:11.9648
シアン色:0(0)、マゼンタ色:59(0.5934)、黄色:53(0.533)、黒色:29(0.2863)
シアン色:29(0.2863)、マゼンタ色:71(0.7098)、黄色:67(0.6667)
Y:107.546、I:60.8034、Q:26.2597
Y:107.546、U:-11.0933、V:65.3199
Y:107.546、Db:-33.937、Dr:-141.577
Y:108.4、Cb:116.845、Cr:174.631
Y:97.796、Pb:-6.92、Pr:53.494
5R 4/10近似、完全一致:Munsell 5R 4/10 / #a93a43
#b64a55
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#b64a55
黒まで#b64a55
白まで#b64a55
前景
<p style="color: #b64a55">#b64a55前景</p>
#b64a55
背景
<p style="background-color: #b64a55; color: #fff">#b64a55背景</p>
#b64a55
境界
<p style="border: #b64a55 3px solid">#b64a55境界</p>
#b64a55
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b64a55, #fff); background: -webkit-radial-gradient(50% 50%, #b64a55, #fff); background: -o-radial-gradient(50% 50%, #b64a55, #fff); background: -ms-radial-gradient(50% 50%, #b64a55, #fff); background: radial-gradient(50% 50%, #b64a55, #fff); color: #fff">#b64a55放射状グラデーション</p>
#b64a55
を補足するための#49b6ab
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b64a55, #49b6ab); background: -webkit-linear-gradient(top, #b64a55, #49b6ab); background: -o-linear-gradient(top, #b64a55, #49b6ab); background: -ms-linear-gradient(top, #b64a55, #49b6ab); background: linear-gradient(top, #b64a55, #49b6ab); color: #fff">
#b64a55
を補足するための#49b6ab
線上グラデーション</p>
#b64a55
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #b64a55">#b64a55テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b64a55
に関連している順番で並べらられている。関連は、十六進法の色#b64a55
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: