#5b4a44
十六進の色コード十六進の色コード#5b4a44
赤みがかったオレンジ色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#5b4a44
は35.69%の赤色、29.02%の绿色、26.67%の青色でできている。HSLで色彩空間#5b4a44
は15.65度の色調、14.47%の彩度、31.18%の明るさを有している。この色は約610 nmの波長である。Dunn-Edwards Bear in Mind / 255とCalifornia Paints DE 6042 - Bear in Mindはペイントカラーに調和している。
#5b4a44
情報反転
#a4b5bb 25% 飽和度
#5d4841 濃淡階調
#4f4f4f
rgb(91, 74, 68)
rgba(91, 74, 68, 1.0)
赤色:35.6863%、黄色:29.8501%、青色:26.6667%
#5b4a44
5982788
-10794428 / 0xff5b4a44
hsl(16, 14%, 31%)
hsla(16, 14%, 31%, 1.0)
色調:16(15.6522)、彩度:25(25.2747)、値:36(35.6863)
X:7.8066、Y:7.5391、Z:6.5126
x:0.3571、y:0.3449、Y:7.5391
L:33.0039、a:6.1184、b:6.2737
L:33.0039、u:10.5208、v:6.3641
L:33.0039、C:8.7632、H:45.718
L:27.4573、a:2.7、b:5.1572
シアン色:0(0)、マゼンタ色:19(0.1868)、黄色:25(0.2527)、黒色:64(0.6431)
シアン色:64(0.6431)、マゼンタ色:71(0.7098)、黄色:73(0.7333)
Y:78.399、I:12.0548、Q:1.7279
Y:78.399、U:-5.1165、V:11.0551
Y:78.399、Db:-15.648、Dr:-23.963
Y:83.347、Cb:122.85、Cr:135.889
Y:77.189、Pb:-4.955、Pr:8.776
7.5YR 3/2近似、完全一致:Munsell 7.5YR 3/2 / #59433a
#5b4a44
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#5b4a44
黒まで#5b4a44
白まで#5b4a44
前景
<p style="color: #5b4a44">#5b4a44前景</p>
#5b4a44
背景
<p style="background-color: #5b4a44; color: #fff">#5b4a44背景</p>
#5b4a44
境界
<p style="border: #5b4a44 3px solid">#5b4a44境界</p>
#5b4a44
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5b4a44, #fff); background: -webkit-radial-gradient(50% 50%, #5b4a44, #fff); background: -o-radial-gradient(50% 50%, #5b4a44, #fff); background: -ms-radial-gradient(50% 50%, #5b4a44, #fff); background: radial-gradient(50% 50%, #5b4a44, #fff); color: #fff">#5b4a44放射状グラデーション</p>
#5b4a44
を補足するための#44545b
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5b4a44, #44545b); background: -webkit-linear-gradient(top, #5b4a44, #44545b); background: -o-linear-gradient(top, #5b4a44, #44545b); background: -ms-linear-gradient(top, #5b4a44, #44545b); background: linear-gradient(top, #5b4a44, #44545b); color: #fff">
#5b4a44
を補足するための#44545b
線上グラデーション</p>
#5b4a44
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5b4a44">#5b4a44テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5b4a44
に関連している順番で並べらられている。関連は、十六進法の色#5b4a44
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: