#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: