色見本
RGB
CMYK
RYB
#8eb9b5十六進の色コード十六進の色コード#8eb9b5シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#8eb9b5は55.69%の赤色、72.55%の绿色、70.98%の青色でできている。HSLで色彩空間#8eb9b5は174.42度の色調、23.5%の彩度、64.12%の明るさを有している。この色は約510 nmの波長である。
#8eb9b5情報反転
#71464a 25% 飽和度
#88beb9 濃淡階調
#a3a3a3
rgb(142, 185, 181)
rgba(142, 185, 181, 1.0)
赤色：55.6863%、黄色：64.5289%、青色：72.549%
#8eb9b5
9353653
-7423563 / 0xff8eb9b5
hsl(174, 23%, 64%)
hsla(174, 23%, 64%, 1.0)
色調：174（174.4186）、彩度：23（23.2432）、値：73（72.549）
X：36.8448、Y：43.7849、Z：50.2255
x：0.2816、y：0.3346、Y：43.7849
L：72.0845、a：-15.1032、b：-2.662
L：72.0845、u：-21.8166、v：-1.4981
L：72.0845、C：15.336、H：189.996
L：66.1702、a：-16.4057、b：1.3159
シアン色：23（0.2324）、マゼンタ色：0（0）、黄色：2（0.0216）、黒色：27（0.2745）
シアン色：44（0.4431）、マゼンタ色：27（0.2745）、黄色：29（0.2902）
Y：171.687、I：-24.3307、Q：-10.3371
Y：171.687、U：4.5844、V：-26.045
Y：171.687、Db：14.018、Dr：56.451
Y：163.472、Cb：132.608、Cr：109.407
Y：175.553、Pb：2.945、Pr：-21.316
2.5BG 7/4近似、完全一致：Munsell 2.5BG 7/4 / #86b8b4
#8eb9b5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#8eb9b5黒まで#8eb9b5白まで#8eb9b5前景
<p style="color: #8eb9b5; background-color: #000">#8eb9b5前景</p>
#8eb9b5背景
<p style="background-color: #8eb9b5">#8eb9b5背景</p>
#8eb9b5境界
<p style="border: #8eb9b5 3px solid">#8eb9b5境界</p>
#8eb9b5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8eb9b5, #fff); background: -webkit-radial-gradient(50% 50%, #8eb9b5, #fff); background: -o-radial-gradient(50% 50%, #8eb9b5, #fff); background: -ms-radial-gradient(50% 50%, #8eb9b5, #fff); background: radial-gradient(50% 50%, #8eb9b5, #fff)">#8eb9b5放射状グラデーション</p>
#8eb9b5を補足するための#b88e92線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8eb9b5, #b88e92); background: -webkit-linear-gradient(top, #8eb9b5, #b88e92); background: -o-linear-gradient(top, #8eb9b5, #b88e92); background: -ms-linear-gradient(top, #8eb9b5, #b88e92); background: linear-gradient(top, #8eb9b5, #b88e92); color: #000">#8eb9b5を補足するための#b88e92線上グラデーション</p>
#8eb9b5テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #8eb9b5">#8eb9b5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8eb9b5に関連している順番で並べらられている。関連は、十六進法の色#8eb9b5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：