色見本
RGB
CMYK
RYB
#f8bb7a十六進の色コード十六進の色コード#f8bb7a茶色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#f8bb7aは97.25%の赤色、73.33%の绿色、47.84%の青色でできている。HSLで色彩空間#f8bb7aは30.95度の色調、90%の彩度、72.55%の明るさを有している。この色は約601 nmの波長である。Dupont CAS194はペイントカラーに調和している。
#f8bb7a情報反転
#074485 25% 飽和度
#ffbb72 濃淡階調
#b9b9b9
rgb(248, 187, 122)
rgba(248, 187, 122, 1.0)
赤色：94.2142%、黄色：97.2549%、青色：47.8431%
#f8bb7a
16300922
-476294 / 0xfff8bb7a
hsl(31, 90%, 73%)
hsla(31, 90%, 73%, 1.0)
色調：31（30.9524）、彩度：51（50.8065）、値：97（97.2549）
X：59.9946、Y：56.9022、Z：26.2335
x：0.4192、y：0.3976、Y：56.9022
L：80.1246、a：14.575、b：41.2819
L：80.1246、u：45.85、v：49.784
L：80.1246、C：43.7792、H：70.5539
L：75.4336、a：9.9576、b：32.1842
シアン色：0（0）、マゼンタ色：25（0.246）、黄色：51（0.5081）、黒色：3（0.0275）
シアン色：3（0.0275）、マゼンタ色：27（0.2667）、黄色：52（0.5216）
Y：197.829、I：57.2208、Q：-7.325
Y：197.829、U：-37.3131、V：44.0157
Y：197.829、Db：-114.095、Dr：-95.418
Y：185.94、Cb：90.437、Cr：159.394
Y：195.313、Pb：-39.515、Pr：33.49
7.5YR 8/8（近似の）
#f8bb7a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#f8bb7a黒まで#f8bb7a白まで#f8bb7a前景
<p style="color: #f8bb7a; background-color: #000">#f8bb7a前景</p>
#f8bb7a背景
<p style="background-color: #f8bb7a">#f8bb7a背景</p>
#f8bb7a境界
<p style="border: #f8bb7a 3px solid">#f8bb7a境界</p>
#f8bb7a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f8bb7a, #fff); background: -webkit-radial-gradient(50% 50%, #f8bb7a, #fff); background: -o-radial-gradient(50% 50%, #f8bb7a, #fff); background: -ms-radial-gradient(50% 50%, #f8bb7a, #fff); background: radial-gradient(50% 50%, #f8bb7a, #fff)">#f8bb7a放射状グラデーション</p>
#f8bb7aを補足するための#79b6f8線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f8bb7a, #79b6f8); background: -webkit-linear-gradient(top, #f8bb7a, #79b6f8); background: -o-linear-gradient(top, #f8bb7a, #79b6f8); background: -ms-linear-gradient(top, #f8bb7a, #79b6f8); background: linear-gradient(top, #f8bb7a, #79b6f8); color: #000">#f8bb7aを補足するための#79b6f8線上グラデーション</p>
#f8bb7aテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f8bb7a">#f8bb7aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f8bb7aに関連している順番で並べらられている。関連は、十六進法の色#f8bb7aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：