#aab3ba
十六進の色コード十六進の色コード#aab3ba
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#aab3ba
は66.67%の赤色、70.2%の绿色、72.94%の青色でできている。HSLで色彩空間#aab3ba
は206.25度の色調、10.39%の彩度、69.8%の明るさを有している。この色は約490 nmの波長である。
#aab3ba
情報反転
#554c45 25% 飽和度
#a7b3bc 濃淡階調
#b2b2b2
25% 明るく
#dbdee1 オリジナル
#aab3ba 25% 暗く
#788792
darkgray/darkgrey
#a9a9a9 25% 不飽和度
#abb2b8 ウェブセーフ:silver
#c0c0c0
rgb(170, 179, 186)
rgba(170, 179, 186, 1.0)
赤色:66.6667%、黄色:68.9255%、青色:72.9412%
#aab3ba
11187130
-5590086 / 0xffaab3ba
hsl(206, 10%, 70%)
hsla(206, 10%, 70%, 1.0)
色調:206(206.25)、彩度:9(8.6022)、値:73(72.9412)
X:41.5606、Y:44.3314、Z:52.8207
x:0.2996、y:0.3196、Y:44.3314
L:72.4495、a:-1.7424、b:-4.6498
L:72.4495、u:-5.3222、v:-6.6695
L:72.4495、C:4.9656、H:249.4574
L:66.5818、a:-5.098、b:-0.4287
シアン色:9(0.086)、マゼンタ色:4(0.0376)、黄色:0(0)、黒色:27(0.2706)
シアン色:33(0.3333)、マゼンタ色:30(0.298)、黄色:27(0.2706)
Y:177.107、I:-7.6103、Q:0.2748
Y:177.107、U:4.378、V:-6.2351
Y:177.107、Db:13.381、Dr:13.516
Y:168.134、Cb:132.405、Cr:123.552
Y:177.587、Pb:4.535、Pr:-4.822
10BG 7/2近似、完全一致:Munsell 10BG 7/2 / #9db2bd
#aab3ba
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#aab3ba
黒まで#aab3ba
白まで#aab3ba
前景
<p style="color: #aab3ba; background-color: #000">#aab3ba前景</p>
#aab3ba
背景
<p style="background-color: #aab3ba">#aab3ba背景</p>
#aab3ba
境界
<p style="border: #aab3ba 3px solid">#aab3ba境界</p>
#aab3ba
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aab3ba, #fff); background: -webkit-radial-gradient(50% 50%, #aab3ba, #fff); background: -o-radial-gradient(50% 50%, #aab3ba, #fff); background: -ms-radial-gradient(50% 50%, #aab3ba, #fff); background: radial-gradient(50% 50%, #aab3ba, #fff)">#aab3ba放射状グラデーション</p>
#aab3ba
を補足するための#bab1aa
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aab3ba, #bab1aa); background: -webkit-linear-gradient(top, #aab3ba, #bab1aa); background: -o-linear-gradient(top, #aab3ba, #bab1aa); background: -ms-linear-gradient(top, #aab3ba, #bab1aa); background: linear-gradient(top, #aab3ba, #bab1aa); color: #000">
#aab3ba
を補足するための#bab1aa
線上グラデーション</p>
#aab3ba
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aab3ba">#aab3baテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#aab3ba
に関連している順番で並べらられている。関連は、十六進法の色#aab3ba
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: