色見本
RGB
CMYK
RYB
#68e7c7十六進の色コード十六進の色コード#68e7c7青シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#68e7c7は40.78%の赤色、90.59%の绿色、78.04%の青色でできている。HSLで色彩空間#68e7c7は164.88度の色調、72.57%の彩度、65.69%の明るさを有している。この色は約516 nmの波長である。
#68e7c7情報反転
#971838 25% 飽和度
#58f6ce 濃淡階調
#a7a7a7
rgb(104, 231, 199)
rgba(104, 231, 199, 1.0)
赤色：40.7843%、黄色：69.2757%、青色：90.5882%
#68e7c7
6875079
-9902137 / 0xff68e7c7
hsl(165, 73%, 66%)
hsla(165, 73%, 66%, 1.0)
色調：165（164.8819）、彩度：55（54.9784）、値：91（90.5882）
X：44.5936、Y：64.2184、Z：64.0779
x：0.2579、y：0.3714、Y：64.2184
L：84.0794、a：-42.8552、b：4.9485
L：84.0794、u：-53.785、v：14.4939
L：84.0794、C：43.14、H：173.4132
L：80.1364、a：-40.9085、b：8.6866
シアン色：55（0.5498）、マゼンタ色：0（0）、黄色：14（0.1385）、黒色：9（0.0941）
シアン色：59（0.5922）、マゼンタ色：9（0.0941）、黄色：22（0.2196）
Y：189.379、I：-65.3755、Q：-36.8112
Y：189.379、U：4.7358、V：-74.9047
Y：189.379、Db：14.494、Dr：162.347
Y：178.654、Cb：132.748、Cr：74.519
Y：201.645、Pb：-1.395、Pr：-62.028
7.5G 8/8近似、完全一致：Munsell 7.5G 8/8 / #6fddbd
#68e7c7配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#68e7c7黒まで#68e7c7白まで#68e7c7前景
<p style="color: #68e7c7; background-color: #000">#68e7c7前景</p>
#68e7c7背景
<p style="background-color: #68e7c7">#68e7c7背景</p>
#68e7c7境界
<p style="border: #68e7c7 3px solid">#68e7c7境界</p>
#68e7c7放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #68e7c7, #fff); background: -webkit-radial-gradient(50% 50%, #68e7c7, #fff); background: -o-radial-gradient(50% 50%, #68e7c7, #fff); background: -ms-radial-gradient(50% 50%, #68e7c7, #fff); background: radial-gradient(50% 50%, #68e7c7, #fff)">#68e7c7放射状グラデーション</p>
#68e7c7を補足するための#e76887線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #68e7c7, #e76887); background: -webkit-linear-gradient(top, #68e7c7, #e76887); background: -o-linear-gradient(top, #68e7c7, #e76887); background: -ms-linear-gradient(top, #68e7c7, #e76887); background: linear-gradient(top, #68e7c7, #e76887); color: #000">#68e7c7を補足するための#e76887線上グラデーション</p>
#68e7c7テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #68e7c7">#68e7c7テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#68e7c7に関連している順番で並べらられている。関連は、十六進法の色#68e7c7の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：