色見本
RGB
CMYK
RYB
#3add7c十六進の色コード十六進の色コード#3add7c青シアン色の色合いです。光の三原色RGBにおいて色モデル#3add7cは22.75%の赤色、86.67%の绿色、48.63%の青色でできている。HSLで色彩空間#3add7cは144.29度の色調、70.56%の彩度、54.71%の明るさを有している。この色は約529 nmの波長である。
#3add7c情報反転
#c52283 25% 飽和度
#25f178 濃淡階調
#8b8b8b
rgb(58, 221, 124)
rgba(58, 221, 124, 1.0)
赤色：22.7451%、黄色：68.2439%、青色：86.6667%
#3add7c
3857788
-12919428 / 0xff3add7c
hsl(144, 71%, 55%)
hsla(144, 71%, 55%, 1.0)
色調：144（144.2945）、彩度：74（73.7557）、値：87（86.6667）
X：31.2395、Y：54.0677、Z：27.8584
x：0.2761、y：0.4778、Y：54.0677
L：78.5012、a：-62.275、b：35.9648
L：78.5012、u：-64.1612、v：58.4307
L：78.5012、C：71.9141、H：149.9929
L：73.5307、a：-52.8432、b：29.0085
シアン色：74（0.7376）、マゼンタ色：0（0）、黄色：44（0.4389）、黒色：13（0.1333）
シアン色：77（0.7725）、マゼンタ色：13（0.1333）、黄色：51（0.5137）
Y：161.205、I：-65.9392、Q：-64.6474
Y：161.205、U：-18.3076、V：-90.544
Y：161.205、Db：-55.951、Dr：196.23
Y：154.442、Cb：109.541、Cr：63.33
Y：179.297、Pb：-29.755、Pr：-77.038
2.5G 8/12近似、完全一致：Munsell 2.5G 8/12 / #4ae48d
#3add7c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#3add7c黒まで#3add7c白まで#3add7c前景
<p style="color: #3add7c; background-color: #000">#3add7c前景</p>
#3add7c背景
<p style="background-color: #3add7c">#3add7c背景</p>
#3add7c境界
<p style="border: #3add7c 3px solid">#3add7c境界</p>
#3add7c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3add7c, #fff); background: -webkit-radial-gradient(50% 50%, #3add7c, #fff); background: -o-radial-gradient(50% 50%, #3add7c, #fff); background: -ms-radial-gradient(50% 50%, #3add7c, #fff); background: radial-gradient(50% 50%, #3add7c, #fff)">#3add7c放射状グラデーション</p>
#3add7cを補足するための#dc3a9a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3add7c, #dc3a9a); background: -webkit-linear-gradient(top, #3add7c, #dc3a9a); background: -o-linear-gradient(top, #3add7c, #dc3a9a); background: -ms-linear-gradient(top, #3add7c, #dc3a9a); background: linear-gradient(top, #3add7c, #dc3a9a); color: #000">#3add7cを補足するための#dc3a9a線上グラデーション</p>
#3add7cテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3add7c">#3add7cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3add7cに関連している順番で並べらられている。関連は、十六進法の色#3add7cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：