#6a6e71
十六進の色コード十六進の色コード#6a6e71
シアン青色の色合いです。光の三原色RGBにおいて色モデル#6a6e71
は41.57%の赤色、43.14%の绿色、44.31%の青色でできている。HSLで色彩空間#6a6e71
は205.71度の色調、3.2%の彩度、42.94%の明るさを有している。この色は約490 nmの波長である。Benjamin Moore Trout Gray / 2124-20はペイントカラーに調和している。
#6a6e71
情報反転
#95918e 25% 飽和度
#696e71 濃淡階調
#6d6d6d
rgb(106, 110, 113)
rgba(106, 110, 113, 1.0)
赤色:41.5686%、黄色:42.5668%、青色:44.3137%
#6a6e71
6975089
-9802127 / 0xff6a6e71
hsl(206, 3%, 43%)
hsla(206, 3%, 43%, 1.0)
色調:206(205.7143)、彩度:6(6.1947)、値:44(44.3137)
X:14.5004、Y:15.4083、Z:17.8326
x:0.3037、y:0.3227、Y:15.4083
L:46.1884、a:-0.8857、b:-2.2032
L:46.1884、u:-2.362、v:-2.8412
L:46.1884、C:2.3746、H:248.1002
L:39.2534、a:-2.7545、b:0.5422
シアン色:6(0.0619)、マゼンタ色:3(0.0265)、黄色:0(0)、黒色:56(0.5569)
シアン色:58(0.5843)、マゼンタ色:57(0.5686)、黄色:56(0.5569)
Y:109.146、I:-3.3467、Q:0.0876
Y:109.146、U:1.8976、V:-2.76
Y:109.146、Db:5.799、Dr:5.983
Y:109.756、Cb:129.909、Cr:126.031
Y:109.364、Pb:1.96、Pr:-2.138
2.5BG 4/2近似、完全一致:Munsell 2.5BG 4/2 / #506465
#6a6e71
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#6a6e71
黒まで#6a6e71
白まで#6a6e71
前景
<p style="color: #6a6e71">#6a6e71前景</p>
#6a6e71
背景
<p style="background-color: #6a6e71; color: #fff">#6a6e71背景</p>
#6a6e71
境界
<p style="border: #6a6e71 3px solid">#6a6e71境界</p>
#6a6e71
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #6a6e71, #fff); background: -webkit-radial-gradient(50% 50%, #6a6e71, #fff); background: -o-radial-gradient(50% 50%, #6a6e71, #fff); background: -ms-radial-gradient(50% 50%, #6a6e71, #fff); background: radial-gradient(50% 50%, #6a6e71, #fff); color: #fff">#6a6e71放射状グラデーション</p>
#6a6e71
を補足するための#716d6a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #6a6e71, #716d6a); background: -webkit-linear-gradient(top, #6a6e71, #716d6a); background: -o-linear-gradient(top, #6a6e71, #716d6a); background: -ms-linear-gradient(top, #6a6e71, #716d6a); background: linear-gradient(top, #6a6e71, #716d6a); color: #fff">
#6a6e71
を補足するための#716d6a
線上グラデーション</p>
#6a6e71
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #6a6e71">#6a6e71テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#6a6e71
に関連している順番で並べらられている。関連は、十六進法の色#6a6e71
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: