#89d542
十六進の色コード十六進の色コード#89d542
緑色の色合いです。光の三原色RGBにおいて色モデル#89d542
は53.73%の赤色、83.53%の绿色、25.88%の青色でできている。HSLで色彩空間#89d542
は91.02度の色調、63.64%の彩度、54.71%の明るさを有している。この色は約563 nmの波長である。
#89d542
情報反転
#762abd 25% 飽和度
#88e72f 濃淡階調
#8b8b8b
rgb(137, 213, 66)
rgba(137, 213, 66, 1.0)
赤色:25.8824%、黄色:83.5294%、青色:55.6863%
#89d542
9033026
-7744190 / 0xff89d542
hsl(91, 64%, 55%)
hsla(91, 64%, 55%, 1.0)
色調:91(91.0204)、彩度:69(69.0141)、値:84(83.5294)
X:35.0941、Y:53.3002、Z:13.5926
x:0.3441、y:0.5226、Y:53.3002
L:78.0519、a:-46.6928、b:62.2021
L:78.0519、u:-38.0282、v:80.8286
L:78.0519、C:77.7774、H:126.8942
L:73.007、a:-41.9581、b:40.0662
シアン色:36(0.3568)、マゼンタ色:0(0)、黄色:69(0.6901)、黒色:16(0.1647)
シアン色:46(0.4627)、マゼンタ色:16(0.1647)、黄色:74(0.7412)
Y:173.518、I:1.9512、Q:-61.8075
Y:173.518、U:-52.908、V:-32.0385
Y:173.518、Db:-161.751、Dr:69.409
Y:165.029、Cb:74.715、Cr:105.073
Y:186.228、Pb:-64.76、Pr:-31.238
7.5GY 8/12近似、完全一致:Munsell 7.5GY 8/12 / #99dd48
#89d542
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#89d542
黒まで#89d542
白まで#89d542
前景
<p style="color: #89d542; background-color: #000">#89d542前景</p>
#89d542
背景
<p style="background-color: #89d542">#89d542背景</p>
#89d542
境界
<p style="border: #89d542 3px solid">#89d542境界</p>
#89d542
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #89d542, #fff); background: -webkit-radial-gradient(50% 50%, #89d542, #fff); background: -o-radial-gradient(50% 50%, #89d542, #fff); background: -ms-radial-gradient(50% 50%, #89d542, #fff); background: radial-gradient(50% 50%, #89d542, #fff)">#89d542放射状グラデーション</p>
#89d542
を補足するための#8d41d5
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #89d542, #8d41d5); background: -webkit-linear-gradient(top, #89d542, #8d41d5); background: -o-linear-gradient(top, #89d542, #8d41d5); background: -ms-linear-gradient(top, #89d542, #8d41d5); background: linear-gradient(top, #89d542, #8d41d5); color: #000">
#89d542
を補足するための#8d41d5
線上グラデーション</p>
#89d542
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #89d542">#89d542テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#89d542
に関連している順番で並べらられている。関連は、十六進法の色#89d542
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: