#695f94
十六進の色コード十六進の色コード#695f94
青マゼンタ色の色合いです。光の三原色RGBにおいて色モデル#695f94
は41.18%の赤色、37.25%の绿色、58.04%の青色でできている。HSLで色彩空間#695f94
は251.32度の色調、21.81%の彩度、47.65%の明るさを有している。この色は約462 nmの波長である。Behr 630B-7 Pandoraはペイントカラーに調和している。
#695f94
情報反転
#96a06b 25% 飽和度
#64589a 濃淡階調
#797979
rgb(105, 95, 148)
rgba(105, 95, 148, 1.0)
赤色:41.1765%、黄色:37.2549%、青色:58.0392%
#695f94
6905748
-9871468 / 0xff695f94
hsl(251, 22%, 48%)
hsla(251, 22%, 48%, 1.0)
色調:251(251.3208)、彩度:36(35.8108)、値:58(58.0392)
X:15.2632、Y:13.3258、Z:29.7847
x:0.2615、y:0.2283、Y:13.3258
L:43.2501、a:16.3843、b:-27.6744
L:43.2501、u:1.4952、v:-41.8741
L:43.2501、C:32.1608、H:300.6272
L:36.5045、a:10.7512、b:-22.8226
シアン色:29(0.2905)、マゼンタ色:36(0.3581)、黄色:0(0)、黒色:42(0.4196)
シアン色:59(0.5882)、マゼンタ色:63(0.6275)、黄色:42(0.4196)
Y:104.032、I:-11.0698、Q:18.6047
Y:104.032、U:21.6377、V:0.8495
Y:104.032、Db:66.149、Dr:-1.829
Y:105.369、Cb:149.787、Cr:128.627
Y:100.946、Pb:25.35、Pr:2.562
10PB 4/6近似、完全一致:Munsell 10PB 4/6 / #64598d
#695f94
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#695f94
黒まで#695f94
白まで#695f94
前景
<p style="color: #695f94">#695f94前景</p>
#695f94
背景
<p style="background-color: #695f94; color: #fff">#695f94背景</p>
#695f94
境界
<p style="border: #695f94 3px solid">#695f94境界</p>
#695f94
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #695f94, #fff); background: -webkit-radial-gradient(50% 50%, #695f94, #fff); background: -o-radial-gradient(50% 50%, #695f94, #fff); background: -ms-radial-gradient(50% 50%, #695f94, #fff); background: radial-gradient(50% 50%, #695f94, #fff); color: #fff">#695f94放射状グラデーション</p>
#695f94
を補足するための#8a945f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #695f94, #8a945f); background: -webkit-linear-gradient(top, #695f94, #8a945f); background: -o-linear-gradient(top, #695f94, #8a945f); background: -ms-linear-gradient(top, #695f94, #8a945f); background: linear-gradient(top, #695f94, #8a945f); color: #fff">
#695f94
を補足するための#8a945f
線上グラデーション</p>
#695f94
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #695f94">#695f94テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#695f94
に関連している順番で並べらられている。関連は、十六進法の色#695f94
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: