色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：