#3eacad
十六進の色コード十六進の色コード#3eacad
シアン色の色合いです。光の三原色RGBにおいて色モデル#3eacad
は24.31%の赤色、67.45%の绿色、67.84%の青色でできている。HSLで色彩空間#3eacad
は180.54度の色調、47.23%の彩度、46.08%の明るさを有している。この色は約506 nmの波長である。Tollens T2025-4はペイントカラーに調和している。
#3eacad
情報反転
#c15352 25% 飽和度
#30b9ba 濃淡階調
#757575
rgb(62, 172, 173)
rgba(62, 172, 173, 1.0)
赤色:24.3137%、黄色:45.9799%、青色:67.8431%
#3eacad
4107437
-12669779 / 0xff3eacad
hsl(181, 47%, 46%)
hsla(181, 47%, 46%, 1.0)
色調:181(180.5405)、彩度:64(64.1618)、値:68(67.8431)
X:24.282、Y:33.5463、Z:44.7305
x:0.2368、y:0.3271、Y:33.5463
L:64.6008、a:-30.1552、b:-9.7102
L:64.6008、u:-42.8702、v:-10.1111
L:64.6008、C:31.68、H:197.849
L:57.9192、a:-26.5245、b:-5.2457
シアン色:64(0.6416)、マゼンタ色:1(0.0058)、黄色:0(0)、黒色:32(0.3216)
シアン色:76(0.7569)、マゼンタ色:33(0.3255)、黄色:32(0.3216)
Y:139.224、I:-65.85、Q:-22.949
Y:139.224、U:16.622、V:-67.75
Y:139.224、Db:50.833、Dr:146.847
Y:135.576、Cb:144.719、Cr:79.639
Y:148.642、Pb:13.15、Pr:-55.046
5BG 6/6近似、完全一致:Munsell 5BG 6/6 / #48a2a2
#3eacad
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3eacad
黒まで#3eacad
白まで#3eacad
前景
<p style="color: #3eacad; background-color: #000">#3eacad前景</p>
#3eacad
背景
<p style="background-color: #3eacad">#3eacad背景</p>
#3eacad
境界
<p style="border: #3eacad 3px solid">#3eacad境界</p>
#3eacad
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3eacad, #fff); background: -webkit-radial-gradient(50% 50%, #3eacad, #fff); background: -o-radial-gradient(50% 50%, #3eacad, #fff); background: -ms-radial-gradient(50% 50%, #3eacad, #fff); background: radial-gradient(50% 50%, #3eacad, #fff)">#3eacad放射状グラデーション</p>
#3eacad
を補足するための#ac3e3e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3eacad, #ac3e3e); background: -webkit-linear-gradient(top, #3eacad, #ac3e3e); background: -o-linear-gradient(top, #3eacad, #ac3e3e); background: -ms-linear-gradient(top, #3eacad, #ac3e3e); background: linear-gradient(top, #3eacad, #ac3e3e); color: #000">
#3eacad
を補足するための#ac3e3e
線上グラデーション</p>
#3eacad
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3eacad">#3eacadテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3eacad
に関連している順番で並べらられている。関連は、十六進法の色#3eacad
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: