色見本
RGB
CMYK
RYB
#64ccc0十六進の色コード十六進の色コード#64ccc0シアン色の色合いです。光の三原色RGBにおいて色モデル#64ccc0は39.22%の赤色、80%の绿色、75.29%の青色でできている。HSLで色彩空間#64ccc0は173.08度の色調、50.49%の彩度、59.61%の明るさを有している。この色は約511 nmの波長である。Caparol 36/12はペイントカラーに調和している。
#64ccc0情報反転
#9b333f 25% 飽和度
#57d8ca 濃淡階調
#989898
rgb(100, 204, 192)
rgba(100, 204, 192, 1.0)
赤色：39.2157%、黄色：60.8563%、青色：80%
#64ccc0
6606016
-10171200 / 0xff64ccc0
hsl(173, 50%, 60%)
hsla(173, 50%, 60%, 1.0)
色調：173（173.0769）、彩度：51（50.9804）、値：80（80）
X：36.3628、Y：49.7008、Z：57.5459
x：0.2532、y：0.3461、Y：49.7008
L：75.8853、a：-33.0824、b：-3.2789
L：75.8853、u：-44.8438、v：0.2836
L：75.8853、C：33.2445、H：185.6602
L：70.4988、a：-31.3038、b：0.9527
シアン色：51（0.5098）、マゼンタ色：0（0）、黄色：6（0.0588）、黒色：20（0.2）
シアン色：61（0.6078）、マゼンタ色：20（0.2）、黄色：25（0.2471）
Y：171.536、I：-58.0993、Q：-25.725
Y：171.536、U：10.0716、V：-62.7599
Y：171.536、Db：30.804、Dr：136.028
Y：163.332、Cb：138.124、Cr：83.196
Y：180.984、Pb：5.96、Pr：-51.448
2.5BG 7/8近似、完全一致：Munsell 2.5BG 7/8 / #45c1b3
#64ccc0配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#64ccc0黒まで#64ccc0白まで#64ccc0前景
<p style="color: #64ccc0; background-color: #000">#64ccc0前景</p>
#64ccc0背景
<p style="background-color: #64ccc0">#64ccc0背景</p>
#64ccc0境界
<p style="border: #64ccc0 3px solid">#64ccc0境界</p>
#64ccc0放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #64ccc0, #fff); background: -webkit-radial-gradient(50% 50%, #64ccc0, #fff); background: -o-radial-gradient(50% 50%, #64ccc0, #fff); background: -ms-radial-gradient(50% 50%, #64ccc0, #fff); background: radial-gradient(50% 50%, #64ccc0, #fff)">#64ccc0放射状グラデーション</p>
#64ccc0を補足するための#cb646f線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #64ccc0, #cb646f); background: -webkit-linear-gradient(top, #64ccc0, #cb646f); background: -o-linear-gradient(top, #64ccc0, #cb646f); background: -ms-linear-gradient(top, #64ccc0, #cb646f); background: linear-gradient(top, #64ccc0, #cb646f); color: #000">#64ccc0を補足するための#cb646f線上グラデーション</p>
#64ccc0テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #64ccc0">#64ccc0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#64ccc0に関連している順番で並べらられている。関連は、十六進法の色#64ccc0の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：