色見本
RGB
CMYK
RYB
#e8aa89十六進の色コード十六進の色コード#e8aa89オレンジ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#e8aa89は90.98%の赤色、66.67%の绿色、53.73%の青色でできている。HSLで色彩空間#e8aa89は20.84度の色調、67.38%の彩度、72.35%の明るさを有している。この色は約607 nmの波長である。
#e8aa89情報反転
#175576 25% 飽和度
#f3a67d 濃淡階調
#b8b8b8
rgb(232, 170, 137)
rgba(232, 170, 137, 1.0)
赤色：90.9804%、黄色：73.5547%、青色：53.7255%
#e8aa89
15248009
-1529207 / 0xffe8aa89
hsl(21, 67%, 72%)
hsla(21, 67%, 72%, 1.0)
色調：21（20.8421）、彩度：41（40.9483）、値：91（90.9804）
X：52.1688、Y：47.7114、Z：30.1265
x：0.4013、y：0.367、Y：47.7114
L：74.6425、a：18.6802、b：25.9556
L：74.6425、u：43.9659、v：31.0561
L：74.6425、C：31.9788、H：54.2575
L：69.0734、a：13.9364、b：22.4919
シアン色：0（0）、マゼンタ色：27（0.2672）、黄色：41（0.4095）、黒色：9（0.0902）
シアン色：9（0.0902）、マゼンタ色：33（0.3333）、黄色：46（0.4627）
Y：184.776、I：47.5361、Q：2.8428
Y：184.776、U：-23.5084、V：41.4303
Y：184.776、Db：-71.889、Dr：-89.807
Y：174.73、Cb：104.337、Cr：157.561
Y：180.83、Pb：-23.63、Pr：32.518
5YR 7/6近似、完全一致：Munsell 5YR 7/6 / #e0a17e
#e8aa89配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#e8aa89黒まで#e8aa89白まで#e8aa89前景
<p style="color: #e8aa89; background-color: #000">#e8aa89前景</p>
#e8aa89背景
<p style="background-color: #e8aa89">#e8aa89背景</p>
#e8aa89境界
<p style="border: #e8aa89 3px solid">#e8aa89境界</p>
#e8aa89放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #e8aa89, #fff); background: -webkit-radial-gradient(50% 50%, #e8aa89, #fff); background: -o-radial-gradient(50% 50%, #e8aa89, #fff); background: -ms-radial-gradient(50% 50%, #e8aa89, #fff); background: radial-gradient(50% 50%, #e8aa89, #fff)">#e8aa89放射状グラデーション</p>
#e8aa89を補足するための#88c6e7線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #e8aa89, #88c6e7); background: -webkit-linear-gradient(top, #e8aa89, #88c6e7); background: -o-linear-gradient(top, #e8aa89, #88c6e7); background: -ms-linear-gradient(top, #e8aa89, #88c6e7); background: linear-gradient(top, #e8aa89, #88c6e7); color: #000">#e8aa89を補足するための#88c6e7線上グラデーション</p>
#e8aa89テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #e8aa89">#e8aa89テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#e8aa89に関連している順番で並べらられている。関連は、十六進法の色#e8aa89の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：