色見本
RGB
CMYK
RYB
#68c6ba十六進の色コード十六進の色コード#68c6baシアン色の色合いです。光の三原色RGBにおいて色モデル#68c6baは40.78%の赤色、77.65%の绿色、72.94%の青色でできている。HSLで色彩空間#68c6baは172.34度の色調、45.19%の彩度、59.22%の明るさを有している。この色は約511 nmの波長である。
#68c6ba情報反転
#973945 25% 飽和度
#5cd1c2 濃淡階調
#979797
rgb(104, 198, 186)
rgba(104, 198, 186, 1.0)
赤色：40.7843%、黄色：60.4724%、青色：77.6471%
#68c6ba
6866618
-9910598 / 0xff68c6ba
hsl(172, 45%, 59%)
hsla(172, 45%, 59%, 1.0)
色調：172（172.3404）、彩度：47（47.4747）、値：78（77.6471）
X：34.7659、Y：46.8764、Z：53.6701
x：0.2569、y：0.3464、Y：46.8764
L：74.1106、a：-30.8263、b：-2.6236
L：74.1106、u：-41.562、v：0.9536
L：74.1106、C：30.9378、H：184.8646
L：68.4663、a：-29.1771、b：1.4496
シアン色：47（0.4747）、マゼンタ色：0（0）、黄色：6（0.0606）、黒色：22（0.2235）
シアン色：59（0.5922）、マゼンタ色：22（0.2235）、黄色：27（0.2706）
Y：168.526、I：-52.1421、Q：-23.6105
Y：168.526、U：8.6002、V：-56.6099
Y：168.526、Db：26.304、Dr：122.698
Y：160.748、Cb：136.644、Cr：87.586
Y：177.114、Pb：4.81、Pr：-46.448
2.5BG 7/6近似、完全一致：Munsell 2.5BG 7/6 / #6cbdb3
#68c6ba配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#68c6ba黒まで#68c6ba白まで#68c6ba前景
<p style="color: #68c6ba; background-color: #000">#68c6ba前景</p>
#68c6ba背景
<p style="background-color: #68c6ba">#68c6ba背景</p>
#68c6ba境界
<p style="border: #68c6ba 3px solid">#68c6ba境界</p>
#68c6ba放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #68c6ba, #fff); background: -webkit-radial-gradient(50% 50%, #68c6ba, #fff); background: -o-radial-gradient(50% 50%, #68c6ba, #fff); background: -ms-radial-gradient(50% 50%, #68c6ba, #fff); background: radial-gradient(50% 50%, #68c6ba, #fff)">#68c6ba放射状グラデーション</p>
#68c6baを補足するための#c56874線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #68c6ba, #c56874); background: -webkit-linear-gradient(top, #68c6ba, #c56874); background: -o-linear-gradient(top, #68c6ba, #c56874); background: -ms-linear-gradient(top, #68c6ba, #c56874); background: linear-gradient(top, #68c6ba, #c56874); color: #000">#68c6baを補足するための#c56874線上グラデーション</p>
#68c6baテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #68c6ba">#68c6baテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#68c6baに関連している順番で並べらられている。関連は、十六進法の色#68c6baの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：