色見本
RGB
CMYK
RYB
#3b657e十六進の色コード十六進の色コード#3b657eシアン青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#3b657eは23.14%の赤色、39.61%の绿色、49.41%の青色でできている。HSLで色彩空間#3b657eは202.39度の色調、36.22%の彩度、36.27%の明るさを有している。この色は約493 nmの波長である。Benjamin Moore Lucerne / Af-530はペイントカラーに調和している。
#3b657e情報反転
#c49a81 25% 飽和度
#326786 濃淡階調
#5c5c5c
rgb(59, 101, 126)
rgba(59, 101, 126, 1.0)
赤色：23.1373%、黄色：33.2614%、青色：49.4118%
#3b657e
3892606
-12884610 / 0xff3b657e
hsl(202, 36%, 36%)
hsla(202, 36%, 36%, 1.0)
色調：202（202.3881）、彩度：53（53.1746）、値：49（49.4118）
X：10.2232、Y：11.7435、Z：21.4666
x：0.2354、y：0.2704、Y：11.7435
L：40.8056、a：-7.0655、b：-18.4624
L：40.8056、u：-18.4469、v：-24.8671
L：40.8056、C：19.7682、H：249.0582
L：34.2688、a：-6.7196、b：-13.1521
シアン色：53（0.5317）、マゼンタ色：20（0.1984）、黄色：0（0）、黒色：51（0.5059）
シアン色：77（0.7686）、マゼンタ色：60（0.6039）、黄色：51（0.5059）
Y：91.292、I：-33.0516、Q：-1.1028
Y：91.292、U：17.0805、V：-28.3302
Y：91.292、Db：52.225、Dr：61.411
Y：94.415、Cb：145.191、Cr：107.787
Y：93.854、Pb：17.33、Pr：-22.15
7.5B 4/4近似、完全一致：Munsell 7.5B 4/4 / #3f657e
#3b657e配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#3b657e黒まで#3b657e白まで#3b657e前景
<p style="color: #3b657e">#3b657e前景</p>
#3b657e背景
<p style="background-color: #3b657e; color: #fff">#3b657e背景</p>
#3b657e境界
<p style="border: #3b657e 3px solid">#3b657e境界</p>
#3b657e放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3b657e, #fff); background: -webkit-radial-gradient(50% 50%, #3b657e, #fff); background: -o-radial-gradient(50% 50%, #3b657e, #fff); background: -ms-radial-gradient(50% 50%, #3b657e, #fff); background: radial-gradient(50% 50%, #3b657e, #fff); color: #fff">#3b657e放射状グラデーション</p>
#3b657eを補足するための#7e543b線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3b657e, #7e543b); background: -webkit-linear-gradient(top, #3b657e, #7e543b); background: -o-linear-gradient(top, #3b657e, #7e543b); background: -ms-linear-gradient(top, #3b657e, #7e543b); background: linear-gradient(top, #3b657e, #7e543b); color: #fff">#3b657eを補足するための#7e543b線上グラデーション</p>
#3b657eテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3b657e">#3b657eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3b657eに関連している順番で並べらられている。関連は、十六進法の色#3b657eの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：