#66ae9a
十六進の色コード十六進の色コード#66ae9a
青シアン色の色合いです。光の三原色RGBにおいて色モデル#66ae9a
は40%の赤色、68.24%の绿色、60.39%の青色でできている。HSLで色彩空間#66ae9a
は163.33度の色調、30.77%の彩度、54.12%の明るさを有している。この色は約517 nmの波長である。
#66ae9a
情報反転
#995165 25% 飽和度
#5db79e 濃淡階調
#8a8a8a
rgb(102, 174, 154)
rgba(102, 174, 154, 1.0)
赤色:40%、黄色:56.3947%、青色:68.2353%
#66ae9a
6729370
-10047846 / 0xff66ae9a
hsl(163, 31%, 54%)
hsla(163, 31%, 54%, 1.0)
色調:163(163.3333)、彩度:41(41.3793)、値:68(68.2353)
X:26.4483、Y:35.43、Z:36.0165
x:0.2702、y:0.3619、Y:35.43
L:66.0821、a:-27.3723、b:3.2032
L:66.0821、u:-33.4854、v:9.0072
L:66.0821、C:27.5591、H:173.3253
L:59.5231、a:-24.8513、b:5.7906
シアン色:41(0.4138)、マゼンタ色:0(0)、黄色:11(0.1149)、黒色:32(0.3176)
シアン色:60(0.6)、マゼンタ色:32(0.3176)、黄色:40(0.3961)
Y:150.192、I:-36.4663、Q:-21.4475
Y:150.192、U:1.8751、V:-42.2798
Y:150.192、Db:5.74、Dr:91.636
Y:145.002、Cb:129.876、Cr:97.812
Y:157.224、Pb:-1.72、Pr:-35.08
7.5G 6/6近似、完全一致:Munsell 7.5G 6/6 / #56a28d
#66ae9a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#66ae9a
黒まで#66ae9a
白まで#66ae9a
前景
<p style="color: #66ae9a; background-color: #000">#66ae9a前景</p>
#66ae9a
背景
<p style="background-color: #66ae9a">#66ae9a背景</p>
#66ae9a
境界
<p style="border: #66ae9a 3px solid">#66ae9a境界</p>
#66ae9a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #66ae9a, #fff); background: -webkit-radial-gradient(50% 50%, #66ae9a, #fff); background: -o-radial-gradient(50% 50%, #66ae9a, #fff); background: -ms-radial-gradient(50% 50%, #66ae9a, #fff); background: radial-gradient(50% 50%, #66ae9a, #fff)">#66ae9a放射状グラデーション</p>
#66ae9a
を補足するための#ae667a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #66ae9a, #ae667a); background: -webkit-linear-gradient(top, #66ae9a, #ae667a); background: -o-linear-gradient(top, #66ae9a, #ae667a); background: -ms-linear-gradient(top, #66ae9a, #ae667a); background: linear-gradient(top, #66ae9a, #ae667a); color: #000">
#66ae9a
を補足するための#ae667a
線上グラデーション</p>
#66ae9a
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #66ae9a">#66ae9aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#66ae9a
に関連している順番で並べらられている。関連は、十六進法の色#66ae9a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: