色見本
RGB
CMYK
RYB
#3baeb5十六進の色コード十六進の色コード#3baeb5シアン色の色合いです。光の三原色RGBにおいて色モデル#3baeb5は23.14%の赤色、68.24%の绿色、70.98%の青色でできている。HSLで色彩空間#3baeb5は183.44度の色調、50.83%の彩度、47.06%の明るさを有している。この色は約504 nmの波長である。Devoe Paint Taking the Plunge / 17BG 36/333はペイントカラーに調和している。
#3baeb5情報反転
#c4514a 25% 飽和度
#2bbbc4 濃淡階調
#777777
rgb(59, 174, 181)
rgba(59, 174, 181, 1.0)
赤色：23.1373%、黄色：46.3523%、青色：70.9804%
#3baeb5
3911349
-12865867 / 0xff3baeb5
hsl(183, 51%, 47%)
hsla(183, 51%, 47%, 1.0)
色調：183（183.4426）、彩度：67（67.4033）、値：71（70.9804）
X：25.2802、Y：34.5381、Z：49.0502
x：0.2322、y：0.3172、Y：34.5381
L：65.3875、a：-29.2565、b：-12.9937
L：65.3875、u：-43.6874、v：-15.4426
L：65.3875、C：32.0122、H：203.9475
L：58.7691、a：-26.0623、b：-8.3465
シアン色：67（0.674）、マゼンタ色：4（0.0387）、黄色：0（0）、黒色：29（0.2902）
シアン色：77（0.7686）、マゼンタ色：32（0.3176）、黄色：29（0.2902）
Y：140.413、I：-70.7562、Q：-22.1395
Y：140.413、U：19.9737、V：-71.4251
Y：140.413、Db：61.081、Dr：154.814
Y：136.597、Cb：148.093、Cr：77.018
Y：150.009、Pb：16.725、Pr：-57.822
7.5BG 6/6近似、完全一致：Munsell 7.5BG 6/6 / #46a1a9
#3baeb5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#3baeb5黒まで#3baeb5白まで#3baeb5前景
<p style="color: #3baeb5; background-color: #000">#3baeb5前景</p>
#3baeb5背景
<p style="background-color: #3baeb5">#3baeb5背景</p>
#3baeb5境界
<p style="border: #3baeb5 3px solid">#3baeb5境界</p>
#3baeb5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3baeb5, #fff); background: -webkit-radial-gradient(50% 50%, #3baeb5, #fff); background: -o-radial-gradient(50% 50%, #3baeb5, #fff); background: -ms-radial-gradient(50% 50%, #3baeb5, #fff); background: radial-gradient(50% 50%, #3baeb5, #fff)">#3baeb5放射状グラデーション</p>
#3baeb5を補足するための#b4413a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3baeb5, #b4413a); background: -webkit-linear-gradient(top, #3baeb5, #b4413a); background: -o-linear-gradient(top, #3baeb5, #b4413a); background: -ms-linear-gradient(top, #3baeb5, #b4413a); background: linear-gradient(top, #3baeb5, #b4413a); color: #000">#3baeb5を補足するための#b4413a線上グラデーション</p>
#3baeb5テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3baeb5">#3baeb5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3baeb5に関連している順番で並べらられている。関連は、十六進法の色#3baeb5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：