#55a977
十六進の色コード十六進の色コード#55a977
青シアン色の色合いです。光の三原色RGBにおいて色モデル#55a977
は33.33%の赤色、66.27%の绿色、46.67%の青色でできている。HSLで色彩空間#55a977
は144.29度の色調、33.07%の彩度、49.8%の明るさを有している。この色は約529 nmの波長である。
#55a977
情報反転
#aa5688 25% 飽和度
#4ab375 濃淡階調
#7f7f7f
rgb(85, 169, 119)
rgba(85, 169, 119, 1.0)
赤色:33.3333%、黄色:56.783%、青色:66.2745%
#55a977
5613943
-11163273 / 0xff55a977
hsl(144, 33%, 50%)
hsla(144, 33%, 50%, 1.0)
色調:144(144.2857)、彩度:50(49.7041)、値:66(66.2745)
X:21.2641、Y:31.6391、Z:22.439
x:0.2822、y:0.4199、Y:31.6391
L:63.0435、a:-37.1718、b:18.1471
L:63.0435、u:-38.3624、v:30.5611
L:63.0435、C:41.365、H:153.9785
L:56.2487、a:-30.9557、b:15.7218
シアン色:50(0.497)、マゼンタ色:0(0)、黄色:30(0.2959)、黒色:34(0.3373)
シアン色:67(0.6667)、マゼンタ色:34(0.3373)、黄色:53(0.5333)
Y:138.184、I:-33.977、Q:-33.3191
Y:138.184、U:-9.4394、V:-46.6595
Y:138.184、Db:-28.85、Dr:101.122
Y:134.683、Cb:118.482、Cr:94.674
Y:147.508、Pb:-15.34、Pr:-39.7
2.5G 6/8近似、完全一致:Munsell 2.5G 6/8 / #4ea573
#55a977
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#55a977
黒まで#55a977
白まで#55a977
前景
<p style="color: #55a977; background-color: #000">#55a977前景</p>
#55a977
背景
<p style="background-color: #55a977">#55a977背景</p>
#55a977
境界
<p style="border: #55a977 3px solid">#55a977境界</p>
#55a977
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #55a977, #fff); background: -webkit-radial-gradient(50% 50%, #55a977, #fff); background: -o-radial-gradient(50% 50%, #55a977, #fff); background: -ms-radial-gradient(50% 50%, #55a977, #fff); background: radial-gradient(50% 50%, #55a977, #fff)">#55a977放射状グラデーション</p>
#55a977
を補足するための#a95586
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #55a977, #a95586); background: -webkit-linear-gradient(top, #55a977, #a95586); background: -o-linear-gradient(top, #55a977, #a95586); background: -ms-linear-gradient(top, #55a977, #a95586); background: linear-gradient(top, #55a977, #a95586); color: #000">
#55a977
を補足するための#a95586
線上グラデーション</p>
#55a977
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #55a977">#55a977テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#55a977
に関連している順番で並べらられている。関連は、十六進法の色#55a977
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: