色見本
RGB
CMYK
RYB
#7cdfd5十六進の色コード十六進の色コード#7cdfd5シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#7cdfd5は48.63%の赤色、87.45%の绿色、83.53%の青色でできている。HSLで色彩空間#7cdfd5は173.94度の色調、60.74%の彩度、68.04%の明るさを有している。この色は約510 nmの波長である。
#7cdfd5情報反転
#83202a 25% 飽和度
#6febde 濃淡階調
#adadad
rgb(124, 223, 213)
rgba(124, 223, 213, 1.0)
赤色：48.6275%、黄色：69.0718%、青色：87.451%
#7cdfd5
8183765
-8593451 / 0xff7cdfd5
hsl(174, 61%, 68%)
hsla(174, 61%, 68%, 1.0)
色調：174（173.9394）、彩度：44（44.3946）、値：87（87.451）
X：46.7101、Y：61.8645、Z：72.43
x：0.2581、y：0.3418、Y：61.8645
L：82.8413、a：-31.4671、b：-4.1726
L：82.8413、u：-44.2517、v：-1.3201
L：82.8413、C：31.7426、H：187.5534
L：78.654、a：-31.6391、b：0.4595
シアン色：44（0.4439）、マゼンタ色：0（0）、黄色：4（0.0448）、黒色：13（0.1255）
シアン色：51（0.5137）、マゼンタ色：13（0.1255）、黄色：16（0.1647）
Y：192.259、I：-55.7633、Q：-24.0455
Y：192.259、U：10.2081、V：-59.8849
Y：192.259、Db：31.22、Dr：129.797
Y：181.134、Cb：138.262、Cr：85.249
Y：201.193、Pb：6.385、Pr：-49.04
2.5BG 8/6近似、完全一致：Munsell 2.5BG 8/6 / #84d9ce
#7cdfd5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#7cdfd5黒まで#7cdfd5白まで#7cdfd5前景
<p style="color: #7cdfd5; background-color: #000">#7cdfd5前景</p>
#7cdfd5背景
<p style="background-color: #7cdfd5">#7cdfd5背景</p>
#7cdfd5境界
<p style="border: #7cdfd5 3px solid">#7cdfd5境界</p>
#7cdfd5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #7cdfd5, #fff); background: -webkit-radial-gradient(50% 50%, #7cdfd5, #fff); background: -o-radial-gradient(50% 50%, #7cdfd5, #fff); background: -ms-radial-gradient(50% 50%, #7cdfd5, #fff); background: radial-gradient(50% 50%, #7cdfd5, #fff)">#7cdfd5放射状グラデーション</p>
#7cdfd5を補足するための#df7c85線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #7cdfd5, #df7c85); background: -webkit-linear-gradient(top, #7cdfd5, #df7c85); background: -o-linear-gradient(top, #7cdfd5, #df7c85); background: -ms-linear-gradient(top, #7cdfd5, #df7c85); background: linear-gradient(top, #7cdfd5, #df7c85); color: #000">#7cdfd5を補足するための#df7c85線上グラデーション</p>
#7cdfd5テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #7cdfd5">#7cdfd5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#7cdfd5に関連している順番で並べらられている。関連は、十六進法の色#7cdfd5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：