#306d56
十六進の色コード十六進の色コード#306d56
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#306d56
は18.82%の赤色、42.75%の绿色、33.73%の青色でできている。HSLで色彩空間#306d56
は157.38度の色調、38.85%の彩度、30.78%の明るさを有している。この色は約521 nmの波長である。
#306d56
情報反転
#cf92a9 25% 飽和度
#287457 濃淡階調
#4e4e4e
rgb(48, 109, 86)
rgba(48, 109, 86, 1.0)
赤色:18.8235%、黄色:33.5631%、青色:42.7451%
#306d56
3173718
-13603498 / 0xff306d56
hsl(157, 39%, 31%)
hsla(157, 39%, 31%, 1.0)
色調:157(157.377)、彩度:56(55.9633)、値:43(42.7451)
X:8.3673、Y:12.2375、Z:10.7252
x:0.2671、y:0.3906、Y:12.2375
L:41.5912、a:-25.812、b:6.9293
L:41.5912、u:-26.2204、v:12.4997
L:41.5912、C:26.726、H:164.9731
L:34.9822、a:-18.524、b:6.3098
シアン色:56(0.5596)、マゼンタ色:0(0)、黄色:21(0.211)、黒色:57(0.5725)
シアン色:81(0.8118)、マゼンタ色:57(0.5725)、黄色:66(0.6627)
Y:88.139、I:-28.9496、Q:-20.0549
Y:88.139、U:-1.052、V:-35.2148
Y:88.139、Db:-3.209、Dr:76.322
Y:91.7、Cb:126.931、Cr:102.854
Y:94.351、Pb:-4.485、Pr:-29.442
5G 4/6近似、完全一致:Munsell 5G 4/6 / #216d54
#306d56
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#306d56
黒まで#306d56
白まで#306d56
前景
<p style="color: #306d56">#306d56前景</p>
#306d56
背景
<p style="background-color: #306d56; color: #fff">#306d56背景</p>
#306d56
境界
<p style="border: #306d56 3px solid">#306d56境界</p>
#306d56
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #306d56, #fff); background: -webkit-radial-gradient(50% 50%, #306d56, #fff); background: -o-radial-gradient(50% 50%, #306d56, #fff); background: -ms-radial-gradient(50% 50%, #306d56, #fff); background: radial-gradient(50% 50%, #306d56, #fff); color: #fff">#306d56放射状グラデーション</p>
#306d56
を補足するための#6d3047
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #306d56, #6d3047); background: -webkit-linear-gradient(top, #306d56, #6d3047); background: -o-linear-gradient(top, #306d56, #6d3047); background: -ms-linear-gradient(top, #306d56, #6d3047); background: linear-gradient(top, #306d56, #6d3047); color: #fff">
#306d56
を補足するための#6d3047
線上グラデーション</p>
#306d56
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #306d56">#306d56テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#306d56
に関連している順番で並べらられている。関連は、十六進法の色#306d56
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: