#2f4656
十六進の色コード十六進の色コード#2f4656
シアン青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#2f4656
は18.43%の赤色、27.45%の绿色、33.73%の青色でできている。HSLで色彩空間#2f4656
は204.62度の色調、29.32%の彩度、26.08%の明るさを有している。この色は約491 nmの波長である。BS 2660 BS 7-086 - Midnight blueはペイントカラーに調和している。
#2f4656
情報反転
#d0b9a9 25% 飽和度
#2a465a 濃淡階調
#424242
25% 明るく
#3a576b オリジナル
#2f4656 25% 暗く
#233440
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#334551 ウェブセーフ:blue
#0000ff
rgb(47, 70, 86)
rgba(47, 70, 86, 1.0)
赤色:18.4314%、黄色:24.105%、青色:33.7255%
#2f4656
3098198
-13679018 / 0xff2f4656
hsl(205, 29%, 26%)
hsla(205, 29%, 26%, 1.0)
色調:205(204.6154)、彩度:45(45.3488)、値:34(33.7255)
X:5.0422、Y:5.6565、Z:9.6302
x:0.248、y:0.2783、Y:5.6565
L:28.5289、a:-4.0624、b:-12.335
L:28.5289、u:-10.4003、v:-14.739
L:28.5289、C:12.9868、H:251.7712
L:23.7835、a:-3.7786、b:-7.3587
シアン色:45(0.4535)、マゼンタ色:19(0.186)、黄色:0(0)、黒色:66(0.6627)
シアン色:82(0.8157)、マゼンタ色:73(0.7255)、黄色:66(0.6627)
Y:64.947、I:-18.8417、Q:0.1147
Y:64.947、U:10.3607、V:-15.7452
Y:64.947、Db:31.678、Dr:34.131
Y:71.787、Cb:138.428、Cr:116.767
Y:66.253、Pb:10.645、Pr:-12.236
7.5B 3/2近似、完全一致:Munsell 7.5B 3/2 / #394a58
#2f4656
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2f4656
黒まで#2f4656
白まで#2f4656
前景
<p style="color: #2f4656">#2f4656前景</p>
#2f4656
背景
<p style="background-color: #2f4656; color: #fff">#2f4656背景</p>
#2f4656
境界
<p style="border: #2f4656 3px solid">#2f4656境界</p>
#2f4656
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2f4656, #fff); background: -webkit-radial-gradient(50% 50%, #2f4656, #fff); background: -o-radial-gradient(50% 50%, #2f4656, #fff); background: -ms-radial-gradient(50% 50%, #2f4656, #fff); background: radial-gradient(50% 50%, #2f4656, #fff); color: #fff">#2f4656放射状グラデーション</p>
#2f4656
を補足するための#563f2f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2f4656, #563f2f); background: -webkit-linear-gradient(top, #2f4656, #563f2f); background: -o-linear-gradient(top, #2f4656, #563f2f); background: -ms-linear-gradient(top, #2f4656, #563f2f); background: linear-gradient(top, #2f4656, #563f2f); color: #fff">
#2f4656
を補足するための#563f2f
線上グラデーション</p>
#2f4656
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2f4656">#2f4656テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2f4656
に関連している順番で並べらられている。関連は、十六進法の色#2f4656
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: