色見本
RGB
CMYK
RYB
#35a7d2十六進の色コード十六進の色コード#35a7d2シアン色の色合いです。光の三原色RGBにおいて色モデル#35a7d2は20.78%の赤色、65.49%の绿色、82.35%の青色でできている。HSLで色彩空間#35a7d2は196.43度の色調、63.56%の彩度、51.57%の明るさを有している。この色は約496 nmの波長である。
#35a7d2情報反転
#ca582d 25% 飽和度
#21afe5 濃淡階調
#838383
rgb(53, 167, 210)
rgba(53, 167, 210, 1.0)
赤色：20.7843%、黄色：46.684%、青色：82.3529%
#35a7d2
3516370
-13260846 / 0xff35a7d2
hsl(196, 64%, 52%)
hsla(196, 64%, 52%, 1.0)
色調：196（196.4331）、彩度：75（74.7619）、値：82（82.3529）
X：26.9198、Y：33.0475、Z：65.9327
x：0.2138、y：0.2625、Y：33.0475
L：64.1993、a：-17.3287、b：-30.9292
L：64.1993、u：-40.3732、v：-46.3111
L：64.1993、C：35.4528、H：240.7394
L：57.4869、a：-17.0148、b：-27.7599
シアン色：75（0.7476）、マゼンタ色：20（0.2048）、黄色：0（0）、黒色：18（0.1765）
シアン色：79（0.7922）、マゼンタ色：35（0.3451）、黄色：18（0.1765）
Y：137.816、I：-81.7259、Q：-10.7272
Y：137.816、U：35.5225、V：-74.4104
Y：137.816、Db：108.619、Dr：161.293
Y：134.369、Cb：163.749、Cr：74.901
Y：145.814、Pb：34.61、Pr：-58.978
5B 6/8近似、完全一致：Munsell 5B 6/8 / #18a1c9
#35a7d2配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#35a7d2黒まで#35a7d2白まで#35a7d2前景
<p style="color: #35a7d2; background-color: #000">#35a7d2前景</p>
#35a7d2背景
<p style="background-color: #35a7d2">#35a7d2背景</p>
#35a7d2境界
<p style="border: #35a7d2 3px solid">#35a7d2境界</p>
#35a7d2放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #35a7d2, #fff); background: -webkit-radial-gradient(50% 50%, #35a7d2, #fff); background: -o-radial-gradient(50% 50%, #35a7d2, #fff); background: -ms-radial-gradient(50% 50%, #35a7d2, #fff); background: radial-gradient(50% 50%, #35a7d2, #fff)">#35a7d2放射状グラデーション</p>
#35a7d2を補足するための#d26034線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #35a7d2, #d26034); background: -webkit-linear-gradient(top, #35a7d2, #d26034); background: -o-linear-gradient(top, #35a7d2, #d26034); background: -ms-linear-gradient(top, #35a7d2, #d26034); background: linear-gradient(top, #35a7d2, #d26034); color: #000">#35a7d2を補足するための#d26034線上グラデーション</p>
#35a7d2テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #35a7d2">#35a7d2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#35a7d2に関連している順番で並べらられている。関連は、十六進法の色#35a7d2の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：