#837eb9
十六進の色コード十六進の色コード#837eb9
青マゼンタ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#837eb9
は51.37%の赤色、49.41%の绿色、72.55%の青色でできている。HSLで色彩空間#837eb9
は245.08度の色調、29.65%の彩度、60.98%の明るさを有している。この色は約466 nmの波長である。
#837eb9
情報反転
#7c8146 25% 飽和度
#7c76c0 濃淡階調
#9b9b9b
rgb(131, 126, 185)
rgba(131, 126, 185, 1.0)
赤色:51.3725%、黄色:49.4118%、青色:72.549%
#837eb9
8617657
-8159559 / 0xff837eb9
hsl(245, 30%, 61%)
hsla(245, 30%, 61%, 1.0)
色調:245(245.0847)、彩度:32(31.8919)、値:73(72.549)
X:25.5779、Y:23.2498、Z:49.0385
x:0.2614、y:0.2376、Y:23.2498
L:55.3287、a:15.3575、b:-30.3243
L:55.3287、u:-1.1726、v:-48.2255
L:55.3287、C:33.9914、H:296.8597
L:48.218、a:10.3061、b:-26.5462
シアン色:29(0.2919)、マゼンタ色:32(0.3189)、黄色:0(0)、黒色:27(0.2745)
シアン色:49(0.4863)、マゼンタ色:51(0.5059)、黄色:27(0.2745)
Y:134.221、I:-15.9759、Q:19.4142
Y:134.221、U:24.9896、V:-2.8256
Y:134.221、Db:76.397、Dr:6.138
Y:131.301、Cb:153.161、Cr:126.006
Y:131.313、Pb:28.925、Pr:-0.214
10PB 5/6近似、完全一致:Munsell 10PB 5/6 / #7e73a8
#837eb9
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#837eb9
黒まで#837eb9
白まで#837eb9
前景
<p style="color: #837eb9; background-color: #000">#837eb9前景</p>
#837eb9
背景
<p style="background-color: #837eb9">#837eb9背景</p>
#837eb9
境界
<p style="border: #837eb9 3px solid">#837eb9境界</p>
#837eb9
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #837eb9, #fff); background: -webkit-radial-gradient(50% 50%, #837eb9, #fff); background: -o-radial-gradient(50% 50%, #837eb9, #fff); background: -ms-radial-gradient(50% 50%, #837eb9, #fff); background: radial-gradient(50% 50%, #837eb9, #fff)">#837eb9放射状グラデーション</p>
#837eb9
を補足するための#b3b97e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #837eb9, #b3b97e); background: -webkit-linear-gradient(top, #837eb9, #b3b97e); background: -o-linear-gradient(top, #837eb9, #b3b97e); background: -ms-linear-gradient(top, #837eb9, #b3b97e); background: linear-gradient(top, #837eb9, #b3b97e); color: #000">
#837eb9
を補足するための#b3b97e
線上グラデーション</p>
#837eb9
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #837eb9">#837eb9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#837eb9
に関連している順番で並べらられている。関連は、十六進法の色#837eb9
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: