#699fab
十六進の色コード十六進の色コード#699fab
シアン色の色合いです。光の三原色RGBにおいて色モデル#699fab
は41.18%の赤色、62.35%の绿色、67.06%の青色でできている。HSLで色彩空間#699fab
は190.91度の色調、28.21%の彩度、54.12%の明るさを有している。この色は約500 nmの波長である。Graham & Brown Hoorn Blueはペイントカラーに調和している。
#699fab
情報反転
#966054 25% 飽和度
#60a4b3 濃淡階調
#8a8a8a
rgb(105, 159, 171)
rgba(105, 159, 171, 1.0)
赤色:41.1765%、黄色:52.8235%、青色:67.0588%
#699fab
6922155
-9855061 / 0xff699fab
hsl(191, 28%, 54%)
hsla(191, 28%, 54%, 1.0)
色調:191(190.9091)、彩度:39(38.5965)、値:67(67.0588)
X:25.5745、Y:30.7398、Z:43.1135
x:0.2572、y:0.3092、Y:30.7398
L:62.2874、a:-14.6509、b:-11.8855
L:62.2874、u:-25.7292、v:-15.5669
L:62.2874、C:18.8657、H:219.0506
L:55.4435、a:-14.6891、b:-7.2942
シアン色:39(0.386)、マゼンタ色:7(0.0702)、黄色:0(0)、黒色:33(0.3294)
シアン色:59(0.5882)、マゼンタ色:38(0.3765)、黄色:33(0.3294)
Y:144.222、I:-36.0238、Q:-7.685
Y:144.222、U:13.1786、V:-34.4101
Y:144.222、Db:40.296、Dr:74.586
Y:139.879、Cb:141.26、Cr:103.442
Y:148.362、Pb:12.21、Pr:-27.552
10BG 6/4近似、完全一致:Munsell 10BG 6/4 / #699da9
#699fab
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#699fab
黒まで#699fab
白まで#699fab
前景
<p style="color: #699fab; background-color: #000">#699fab前景</p>
#699fab
背景
<p style="background-color: #699fab">#699fab背景</p>
#699fab
境界
<p style="border: #699fab 3px solid">#699fab境界</p>
#699fab
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #699fab, #fff); background: -webkit-radial-gradient(50% 50%, #699fab, #fff); background: -o-radial-gradient(50% 50%, #699fab, #fff); background: -ms-radial-gradient(50% 50%, #699fab, #fff); background: radial-gradient(50% 50%, #699fab, #fff)">#699fab放射状グラデーション</p>
#699fab
を補足するための#ab7469
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #699fab, #ab7469); background: -webkit-linear-gradient(top, #699fab, #ab7469); background: -o-linear-gradient(top, #699fab, #ab7469); background: -ms-linear-gradient(top, #699fab, #ab7469); background: linear-gradient(top, #699fab, #ab7469); color: #000">
#699fab
を補足するための#ab7469
線上グラデーション</p>
#699fab
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #699fab">#699fabテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#699fab
に関連している順番で並べらられている。関連は、十六進法の色#699fab
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: