色見本
RGB
CMYK
RYB
#5ddadf十六進の色コード十六進の色コード#5ddadfシアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#5ddadfは36.47%の赤色、85.49%の绿色、87.45%の青色でできている。HSLで色彩空間#5ddadfは182.31度の色調、67.01%の彩度、61.96%の明るさを有している。この色は約505 nmの波長である。Natural Color System / NCS S 0540-B30Gはペイントカラーに調和している。
#5ddadf情報反転
#a22520 25% 飽和度
#4ce9ef 濃淡階調
#9e9e9e
rgb(93, 218, 223)
rgba(93, 218, 223, 1.0)
赤色：36.4706%、黄色：61.461%、青色：87.451%
#5ddadf
6150879
-10626337 / 0xff5ddadf
hsl(182, 67%, 62%)
hsla(182, 67%, 62%, 1.0)
色調：182（182.3077）、彩度：58（58.296）、値：87（87.451）
X：42.9049、Y：57.7977、Z：78.7068
x：0.2391、y：0.3222、Y：57.7977
L：80.6262、a：-32.9385、b：-12.8961
L：80.6262、u：-50.398、v：-15.1184
L：80.6262、C：35.373、H：201.3813
L：76.0248、a：-32.3062、b：-8.1643
シアン色：58（0.583）、マゼンタ色：2（0.0224）、黄色：0（0）、黒色：13（0.1255）
シアン色：64（0.6353）、マゼンタ色：15（0.1451）、黄色：13（0.1255）
Y：181.195、I：-76.0708、Q：-24.8763
Y：181.195、U：20.5734、V：-77.375
Y：181.195、Db：62.915、Dr：167.71
Y：171.627、Cb：148.695、Cr：72.77
Y：191.735、Pb：16.875、Pr：-62.73
7.5BG 8/8近似、完全一致：Munsell 7.5BG 8/8 / #54dce3
#5ddadf配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#5ddadf黒まで#5ddadf白まで#5ddadf前景
<p style="color: #5ddadf; background-color: #000">#5ddadf前景</p>
#5ddadf背景
<p style="background-color: #5ddadf">#5ddadf背景</p>
#5ddadf境界
<p style="border: #5ddadf 3px solid">#5ddadf境界</p>
#5ddadf放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5ddadf, #fff); background: -webkit-radial-gradient(50% 50%, #5ddadf, #fff); background: -o-radial-gradient(50% 50%, #5ddadf, #fff); background: -ms-radial-gradient(50% 50%, #5ddadf, #fff); background: radial-gradient(50% 50%, #5ddadf, #fff)">#5ddadf放射状グラデーション</p>
#5ddadfを補足するための#df615d線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5ddadf, #df615d); background: -webkit-linear-gradient(top, #5ddadf, #df615d); background: -o-linear-gradient(top, #5ddadf, #df615d); background: -ms-linear-gradient(top, #5ddadf, #df615d); background: linear-gradient(top, #5ddadf, #df615d); color: #000">#5ddadfを補足するための#df615d線上グラデーション</p>
#5ddadfテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5ddadf">#5ddadfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5ddadfに関連している順番で並べらられている。関連は、十六進法の色#5ddadfの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：