#2a6241
十六進の色コード十六進の色コード#2a6241
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#2a6241
は16.47%の赤色、38.43%の绿色、25.49%の青色でできている。HSLで色彩空間#2a6241
は144.64度の色調、40%の彩度、27.45%の明るさを有している。この色は約529 nmの波長である。Behr S-H-460 Chopped Chiveはペイントカラーに調和している。
#2a6241
情報反転
#d59dbe 25% 飽和度
#23693f 濃淡階調
#464646
rgb(42, 98, 65)
rgba(42, 98, 65, 1.0)
赤色:16.4706%、黄色:32.0377%、青色:38.4314%
#2a6241
2777665
-13999551 / 0xff2a6241
hsl(145, 40%, 27%)
hsla(145, 40%, 27%, 1.0)
色調:145(144.6429)、彩度:57(57.1429)、値:38(38.4314)
X:6.2767、Y:9.6093、Z:6.525
x:0.2801、y:0.4288、Y:9.6093
L:37.1318、a:-26.9162、b:13.3412
L:37.1318、u:-24.2059、v:19.5101
L:37.1318、C:30.0411、H:153.6344
L:30.9988、a:-18.1051、b:9.2191
シアン色:57(0.5714)、マゼンタ色:0(0)、黄色:34(0.3367)、黒色:62(0.6157)
シアン色:84(0.8353)、マゼンタ色:62(0.6157)、黄色:75(0.7451)
Y:77.494、I:-22.7584、Q:-22.109
Y:77.494、U:-6.1477、V:-31.1397
Y:77.494、Db:-18.789、Dr:67.487
Y:82.556、Cb:121.801、Cr:105.759
Y:83.696、Pb:-10.06、Pr:-26.482
2.5G 4/6近似、完全一致:Munsell 2.5G 4/6 / #2b6d4b
#2a6241
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2a6241
黒まで#2a6241
白まで#2a6241
前景
<p style="color: #2a6241">#2a6241前景</p>
#2a6241
背景
<p style="background-color: #2a6241; color: #fff">#2a6241背景</p>
#2a6241
境界
<p style="border: #2a6241 3px solid">#2a6241境界</p>
#2a6241
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2a6241, #fff); background: -webkit-radial-gradient(50% 50%, #2a6241, #fff); background: -o-radial-gradient(50% 50%, #2a6241, #fff); background: -ms-radial-gradient(50% 50%, #2a6241, #fff); background: radial-gradient(50% 50%, #2a6241, #fff); color: #fff">#2a6241放射状グラデーション</p>
#2a6241
を補足するための#622a4b
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2a6241, #622a4b); background: -webkit-linear-gradient(top, #2a6241, #622a4b); background: -o-linear-gradient(top, #2a6241, #622a4b); background: -ms-linear-gradient(top, #2a6241, #622a4b); background: linear-gradient(top, #2a6241, #622a4b); color: #fff">
#2a6241
を補足するための#622a4b
線上グラデーション</p>
#2a6241
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2a6241">#2a6241テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2a6241
に関連している順番で並べらられている。関連は、十六進法の色#2a6241
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: