#aab1b6
十六進の色コード十六進の色コード#aab1b6
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#aab1b6
は66.67%の赤色、69.41%の绿色、71.37%の青色でできている。HSLで色彩空間#aab1b6
は205度の色調、7.59%の彩度、69.02%の明るさを有している。この色は約491 nmの波長である。
#aab1b6
情報反転
#554e49 25% 飽和度
#a8b1b7 濃淡階調
#b0b0b0
25% 明るく
#d9dcde オリジナル
#aab1b6 25% 暗く
#7a858d
darkgray/darkgrey
#a9a9a9 25% 不飽和度
#abb0b4 ウェブセーフ:silver
#c0c0c0
rgb(170, 177, 182)
rgba(170, 177, 182, 1.0)
赤色:66.6667%、黄色:68.4004%、青色:71.3725%
#aab1b6
11186614
-5590602 / 0xffaab1b6
hsl(205, 8%, 69%)
hsla(205, 8%, 69%, 1.0)
色調:205(205)、彩度:7(6.5934)、値:71(71.3725)
X:40.7432、Y:43.3677、Z:50.4794
x:0.3027、y:0.3222、Y:43.3677
L:71.8038、a:-1.4641、b:-3.4059
L:71.8038、u:-4.1497、v:-4.8253
L:71.8038、C:3.7072、H:246.7386
L:65.8542、a:-4.809、b:0.6502
シアン色:7(0.0659)、マゼンタ色:3(0.0275)、黄色:0(0)、黒色:29(0.2863)
シアン色:33(0.3333)、マゼンタ色:31(0.3059)、黄色:29(0.2863)
Y:175.477、I:-5.7763、Q:0.0755
Y:175.477、U:3.2117、V:-4.805
Y:175.477、Db:9.815、Dr:10.416
Y:166.734、Cb:131.231、Cr:124.572
Y:175.869、Pb:3.305、Pr:-3.73
7.5BG 7/2近似、完全一致:Munsell 7.5BG 7/2 / #9cb3bb
#aab1b6
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#aab1b6
黒まで#aab1b6
白まで#aab1b6
前景
<p style="color: #aab1b6; background-color: #000">#aab1b6前景</p>
#aab1b6
背景
<p style="background-color: #aab1b6">#aab1b6背景</p>
#aab1b6
境界
<p style="border: #aab1b6 3px solid">#aab1b6境界</p>
#aab1b6
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aab1b6, #fff); background: -webkit-radial-gradient(50% 50%, #aab1b6, #fff); background: -o-radial-gradient(50% 50%, #aab1b6, #fff); background: -ms-radial-gradient(50% 50%, #aab1b6, #fff); background: radial-gradient(50% 50%, #aab1b6, #fff)">#aab1b6放射状グラデーション</p>
#aab1b6
を補足するための#b6afaa
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aab1b6, #b6afaa); background: -webkit-linear-gradient(top, #aab1b6, #b6afaa); background: -o-linear-gradient(top, #aab1b6, #b6afaa); background: -ms-linear-gradient(top, #aab1b6, #b6afaa); background: linear-gradient(top, #aab1b6, #b6afaa); color: #000">
#aab1b6
を補足するための#b6afaa
線上グラデーション</p>
#aab1b6
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aab1b6">#aab1b6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#aab1b6
に関連している順番で並べらられている。関連は、十六進法の色#aab1b6
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: