色見本
RGB
CMYK
RYB
#67c7c2十六進の色コード十六進の色コード#67c7c2シアン色の色合いです。光の三原色RGBにおいて色モデル#67c7c2は40.39%の赤色、78.04%の绿色、76.08%の青色でできている。HSLで色彩空間#67c7c2は176.88度の色調、46.15%の彩度、59.22%の明るさを有している。この色は約509 nmの波長である。
#67c7c2情報反転
#98383d 25% 飽和度
#5bd3cc 濃淡階調
#979797
rgb(103, 199, 194)
rgba(103, 199, 194, 1.0)
赤色：40.3922%、黄色：59.719%、青色：78.0392%
#67c7c2
6801346
-9975870 / 0xff67c7c2
hsl(177, 46%, 59%)
hsla(177, 46%, 59%, 1.0)
色調：177（176.875）、彩度：48（48.2412）、値：78（78.0392）
X：35.7545、Y：47.6255、Z：58.3471
x：0.2523、y：0.336、Y：47.6255
L：74.5881、a：-29.5264、b：-6.2624
L：74.5881、u：-41.9422、v：-4.8894
L：74.5881、C：30.1833、H：191.9747
L：69.0112、a：-28.2891、b：-1.8203
シアン色：48（0.4824）、マゼンタ色：0（0）、黄色：3（0.0251）、黒色：22（0.2196）
シアン色：60（0.5961）、マゼンタ色：22（0.2196）、黄色：24（0.2392）
Y：169.726、I：-55.5824、Q：-21.8555
Y：169.726、U：11.9465、V：-58.5399
Y：169.726、Db：36.535、Dr：126.883
Y：161.779、Cb：140.013、Cr：86.211
Y：178.192、Pb：8.54、Pr：-47.77
2.5BG 7/6近似、完全一致：Munsell 2.5BG 7/6 / #6cbdb3
#67c7c2配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#67c7c2黒まで#67c7c2白まで#67c7c2前景
<p style="color: #67c7c2; background-color: #000">#67c7c2前景</p>
#67c7c2背景
<p style="background-color: #67c7c2">#67c7c2背景</p>
#67c7c2境界
<p style="border: #67c7c2 3px solid">#67c7c2境界</p>
#67c7c2放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #67c7c2, #fff); background: -webkit-radial-gradient(50% 50%, #67c7c2, #fff); background: -o-radial-gradient(50% 50%, #67c7c2, #fff); background: -ms-radial-gradient(50% 50%, #67c7c2, #fff); background: radial-gradient(50% 50%, #67c7c2, #fff)">#67c7c2放射状グラデーション</p>
#67c7c2を補足するための#c6676b線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #67c7c2, #c6676b); background: -webkit-linear-gradient(top, #67c7c2, #c6676b); background: -o-linear-gradient(top, #67c7c2, #c6676b); background: -ms-linear-gradient(top, #67c7c2, #c6676b); background: linear-gradient(top, #67c7c2, #c6676b); color: #000">#67c7c2を補足するための#c6676b線上グラデーション</p>
#67c7c2テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #67c7c2">#67c7c2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#67c7c2に関連している順番で並べらられている。関連は、十六進法の色#67c7c2の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：