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