色見本
RGB
CMYK
RYB
#84a5dc十六進の色コード十六進の色コード#84a5dcシアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#84a5dcは51.76%の赤色、64.71%の绿色、86.27%の青色でできている。HSLで色彩空間#84a5dcは217.5度の色調、55.7%の彩度、69.02%の明るさを有している。この色は約483 nmの波長である。Dunn-Edwards Blue Cue / 599とCalifornia Paints DE 5892 - Blue Cueはペイントカラーに調和している。
#84a5dc情報反転
#7b5a23 25% 飽和度
#79a2e6 濃淡階調
#b0b0b0
rgb(132, 165, 220)
rgba(132, 165, 220, 1.0)
赤色：51.7647%、黄色：61.1765%、青色：86.2745%
#84a5dc
8693212
-8084004 / 0xff84a5dc
hsl(218, 56%, 69%)
hsla(218, 56%, 69%, 1.0)
色調：218（217.5）、彩度：40（40）、値：86（86.2745）
X：35.8891、Y：36.9831、Z：72.957
x：0.2461、y：0.2536、Y：36.9831
L：67.2644、a：2.4936、b：-31.4519
L：67.2644、u：-17.9274、v：-49.985
L：67.2644、C：31.5506、H：274.5331
L：60.8137、a：-1.0826、b：-28.5594
シアン色：40（0.4）、マゼンタ色：25（0.25）、黄色：0（0）、黒色：14（0.1373）
シアン色：48（0.4824）、マゼンタ色：35（0.3529）、黄色：14（0.1373）
Y：161.403、I：-37.3281、Q：10.1344
Y：161.403、U：28.8369、V：-25.7956
Y：161.403、Db：88.165、Dr：55.924
Y：154.644、Cb：157.029、Cr：109.608
Y：161.931、Pb：31.295、Pr：-19.03
5PB 7/6近似、完全一致：Munsell 5PB 7/6 / #99afe1
#84a5dc配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#84a5dc黒まで#84a5dc白まで#84a5dc前景
<p style="color: #84a5dc; background-color: #000">#84a5dc前景</p>
#84a5dc背景
<p style="background-color: #84a5dc">#84a5dc背景</p>
#84a5dc境界
<p style="border: #84a5dc 3px solid">#84a5dc境界</p>
#84a5dc放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #84a5dc, #fff); background: -webkit-radial-gradient(50% 50%, #84a5dc, #fff); background: -o-radial-gradient(50% 50%, #84a5dc, #fff); background: -ms-radial-gradient(50% 50%, #84a5dc, #fff); background: radial-gradient(50% 50%, #84a5dc, #fff)">#84a5dc放射状グラデーション</p>
#84a5dcを補足するための#dcbb83線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #84a5dc, #dcbb83); background: -webkit-linear-gradient(top, #84a5dc, #dcbb83); background: -o-linear-gradient(top, #84a5dc, #dcbb83); background: -ms-linear-gradient(top, #84a5dc, #dcbb83); background: linear-gradient(top, #84a5dc, #dcbb83); color: #000">#84a5dcを補足するための#dcbb83線上グラデーション</p>
#84a5dcテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #84a5dc">#84a5dcテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#84a5dcに関連している順番で並べらられている。関連は、十六進法の色#84a5dcの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：