色見本
RGB
CMYK
RYB
#2e3749十六進の色コード十六進の色コード#2e3749シアン青色の暗い色合いです。光の三原色RGBにおいて色モデル#2e3749は18.04%の赤色、21.57%の绿色、28.63%の青色でできている。HSLで色彩空間#2e3749は220度の色調、22.69%の彩度、23.33%の明るさを有している。この色は約481 nmの波長である。Resene Licorice B35-028-263はペイントカラーに調和している。
#2e3749情報反転
#d1c8b6 25% 飽和度
#2a354c 濃淡階調
#3b3b3b
rgb(46, 55, 73)
rgba(46, 55, 73, 1.0)
赤色：18.0392%、黄色：20.6863%、青色：28.6275%
#2e3749
3028809
-13748407 / 0xff2e3749
hsl(220, 23%, 23%)
hsla(220, 23%, 23%, 1.0)
色調：220（220）、彩度：37（36.9863）、値：29（28.6275）
X：3.6955、Y：3.7943、Z：6.8409
x：0.2579、y：0.2648、Y：3.7943
L：22.9793、a：1.3735、b：-12.3031
L：22.9793、u：-4.6731、v：-14.1714
L：22.9793、C：12.3795、H：276.3702
L：19.4789、a：-0.2232、b：-7.1873
シアン色：37（0.3699）、マゼンタ色：25（0.2466）、黄色：0（0）、黒色：71（0.7137）
シアン色：82（0.8196）、マゼンタ色：78（0.7843）、黄色：71（0.7137）
Y：54.361、I：-11.1442、Q：3.6973
Y：54.361、U：9.1727、V：-7.3352
Y：54.361、Db：28.044、Dr：15.903
Y：62.696、Cb：137.234、Cr：122.771
Y：54.379、Pb：10.035、Pr：-5.328
2.5PB 2/2近似、完全一致：Munsell 2.5PB 2/2 / #293141
#2e3749配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#2e3749黒まで#2e3749白まで#2e3749前景
<p style="color: #2e3749">#2e3749前景</p>
#2e3749背景
<p style="background-color: #2e3749; color: #fff">#2e3749背景</p>
#2e3749境界
<p style="border: #2e3749 3px solid">#2e3749境界</p>
#2e3749放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2e3749, #fff); background: -webkit-radial-gradient(50% 50%, #2e3749, #fff); background: -o-radial-gradient(50% 50%, #2e3749, #fff); background: -ms-radial-gradient(50% 50%, #2e3749, #fff); background: radial-gradient(50% 50%, #2e3749, #fff); color: #fff">#2e3749放射状グラデーション</p>
#2e3749を補足するための#49402d線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2e3749, #49402d); background: -webkit-linear-gradient(top, #2e3749, #49402d); background: -o-linear-gradient(top, #2e3749, #49402d); background: -ms-linear-gradient(top, #2e3749, #49402d); background: linear-gradient(top, #2e3749, #49402d); color: #fff">#2e3749を補足するための#49402d線上グラデーション</p>
#2e3749テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2e3749">#2e3749テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2e3749に関連している順番で並べらられている。関連は、十六進法の色#2e3749の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：