#404e48
十六進の色コード十六進の色コード#404e48
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#404e48
は25.1%の赤色、30.59%の绿色、28.24%の青色でできている。HSLで色彩空間#404e48
は154.29度の色調、9.86%の彩度、27.84%の明るさを有している。この色は約523 nmの波長である。Taubmans Teal Suede / T12 48.H10はペイントカラーに調和している。
#404e48
情報反転
#bfb1b7 25% 飽和度
#3e4f48 濃淡階調
#474747
25% 明るく
#4f6159 オリジナル
#404e48 25% 暗く
#303a36
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#414c47 ウェブセーフ:teal
#008080
rgb(64, 78, 72)
rgba(64, 78, 72, 1.0)
赤色:25.098%、黄色:28.5918%、青色:30.5882%
#404e48
4214344
-12562872 / 0xff404e48
hsl(154, 10%, 28%)
hsla(154, 10%, 28%, 1.0)
色調:154(154.2857)、彩度:18(17.9487)、値:31(30.5882)
X:6.0084、Y:7.0066、Z:7.1666
x:0.2977、y:0.3472、Y:7.0066
L:31.822、a:-6.95、b:1.7007
L:31.822、u:-6.8675、v:2.9782
L:31.822、C:7.1551、H:166.2496
L:26.4701、a:-5.8049、b:2.4766
シアン色:18(0.1795)、マゼンタ色:0(0)、黄色:8(0.0769)、黒色:69(0.6941)
シアン色:75(0.749)、マゼンタ色:69(0.6941)、黄色:72(0.7176)
Y:73.13、I:-6.4124、Q:-4.8272
Y:73.13、U:-0.5554、V:-8.0099
Y:73.13、Db:-1.698、Dr:17.36
Y:78.816、Cb:127.438、Cr:122.28
Y:74.586、Pb:-1.39、Pr:-6.724
2.5G 3/2近似、完全一致:Munsell 2.5G 3/2 / #3e4b44
#404e48
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#404e48
黒まで#404e48
白まで#404e48
前景
<p style="color: #404e48">#404e48前景</p>
#404e48
背景
<p style="background-color: #404e48; color: #fff">#404e48背景</p>
#404e48
境界
<p style="border: #404e48 3px solid">#404e48境界</p>
#404e48
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #404e48, #fff); background: -webkit-radial-gradient(50% 50%, #404e48, #fff); background: -o-radial-gradient(50% 50%, #404e48, #fff); background: -ms-radial-gradient(50% 50%, #404e48, #fff); background: radial-gradient(50% 50%, #404e48, #fff); color: #fff">#404e48放射状グラデーション</p>
#404e48
を補足するための#4e4045
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #404e48, #4e4045); background: -webkit-linear-gradient(top, #404e48, #4e4045); background: -o-linear-gradient(top, #404e48, #4e4045); background: -ms-linear-gradient(top, #404e48, #4e4045); background: linear-gradient(top, #404e48, #4e4045); color: #fff">
#404e48
を補足するための#4e4045
線上グラデーション</p>
#404e48
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #404e48">#404e48テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#404e48
に関連している順番で並べらられている。関連は、十六進法の色#404e48
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: