#dc5620
十六進の色コード十六進の色コード#dc5620
赤みがかったオレンジ色の色合いです。光の三原色RGBにおいて色モデル#dc5620
は86.27%の赤色、33.73%の绿色、12.55%の青色でできている。HSLで色彩空間#dc5620
は17.23度の色調、74.6%の彩度、49.41%の明るさを有している。この色は約609 nmの波長である。Sherwin-Williams Obstinate Orange - 6884はペイントカラーに調和している。
#dc5620
情報反転
#23a9df 25% 飽和度
#f34c08 濃淡階調
#7e7e7e
rgb(220, 86, 32)
rgba(220, 86, 32, 1.0)
赤色:86.2745%、黄色:42.2593%、青色:12.549%
#dc5620
14439968
-2337248 / 0xffdc5620
hsl(17, 75%, 49%)
hsla(17, 75%, 49%, 1.0)
色調:17(17.234)、彩度:85(85.4545)、値:86(86.2745)
X:33.1037、Y:21.9755、Z:3.8634
x:0.5616、y:0.3728、Y:21.9755
L:54.001、a:50.0609、b:54.9708
L:54.001、u:109.4449、v:42.1381
L:54.001、C:74.3497、H:47.6765
L:46.878、a:44.0141、b:27.9283
シアン色:0(0)、マゼンタ色:61(0.6091)、黄色:85(0.8545)、黒色:14(0.1373)
シアン色:14(0.1373)、マゼンタ色:66(0.6627)、黄色:87(0.8745)
Y:119.91、I:97.1741、Q:11.5338
Y:119.91、U:-43.2586、V:87.8105
Y:119.91、Db:-132.282、Dr:-190.34
Y:119.02、Cb:84.462、Cr:190.66
Y:110.654、Pb:-42.41、Pr:69.484
10R 5/14近似、完全一致:Munsell 10R 5/14 / #d84b18
#dc5620
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#dc5620
黒まで#dc5620
白まで#dc5620
前景
<p style="color: #dc5620">#dc5620前景</p>
#dc5620
背景
<p style="background-color: #dc5620; color: #fff">#dc5620背景</p>
#dc5620
境界
<p style="border: #dc5620 3px solid">#dc5620境界</p>
#dc5620
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #dc5620, #fff); background: -webkit-radial-gradient(50% 50%, #dc5620, #fff); background: -o-radial-gradient(50% 50%, #dc5620, #fff); background: -ms-radial-gradient(50% 50%, #dc5620, #fff); background: radial-gradient(50% 50%, #dc5620, #fff); color: #fff">#dc5620放射状グラデーション</p>
#dc5620
を補足するための#20a5dc
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #dc5620, #20a5dc); background: -webkit-linear-gradient(top, #dc5620, #20a5dc); background: -o-linear-gradient(top, #dc5620, #20a5dc); background: -ms-linear-gradient(top, #dc5620, #20a5dc); background: linear-gradient(top, #dc5620, #20a5dc); color: #fff">
#dc5620
を補足するための#20a5dc
線上グラデーション</p>
#dc5620
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #dc5620">#dc5620テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#dc5620
に関連している順番で並べらられている。関連は、十六進法の色#dc5620
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: