#7aadc5
十六進の色コード十六進の色コード#7aadc5
シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#7aadc5
は47.84%の赤色、67.84%の绿色、77.25%の青色でできている。HSLで色彩空間#7aadc5
は199.2度の色調、39.27%の彩度、62.55%の明るさを有している。この色は約495 nmの波長である。Peintures MF Bleu calmeはペイントカラーに調和している。
#7aadc5
情報反転
#85523a 25% 飽和度
#70b0ce 濃淡階調
#9f9f9f
rgb(122, 173, 197)
rgba(122, 173, 197, 1.0)
赤色:47.8431%、黄色:59.7479%、青色:77.2549%
#7aadc5
8039877
-8737339 / 0xff7aadc5
hsl(199, 39%, 63%)
hsla(199, 39%, 63%, 1.0)
色調:199(199.2)、彩度:38(38.0711)、値:77(77.2549)
X:33.0477、Y:38.0559、Z:58.4271
x:0.2551、y:0.2938、Y:38.0559
L:68.0618、a:-10.7447、b:-17.5888
L:68.0618、u:-24.937、v:-25.4473
L:68.0618、C:20.611、H:238.5799
L:61.6895、a:-12.3324、b:-12.9718
シアン色:38(0.3807)、マゼンタ色:12(0.1218)、黄色:0(0)、黒色:23(0.2275)
シアン色:52(0.5216)、マゼンタ色:32(0.3216)、黄色:23(0.2275)
Y:160.487、I:-38.0918、Q:-3.317
Y:160.487、U:17.9694、V:-33.7652
Y:160.487、Db:54.942、Dr:73.191
Y:153.852、Cb:146.084、Cr:103.907
Y:163.865、Pb:17.865、Pr:-26.604
5B 7/4近似、完全一致:Munsell 5B 7/4 / #8ab5cc
#7aadc5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#7aadc5
黒まで#7aadc5
白まで#7aadc5
前景
<p style="color: #7aadc5; background-color: #000">#7aadc5前景</p>
#7aadc5
背景
<p style="background-color: #7aadc5">#7aadc5背景</p>
#7aadc5
境界
<p style="border: #7aadc5 3px solid">#7aadc5境界</p>
#7aadc5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #7aadc5, #fff); background: -webkit-radial-gradient(50% 50%, #7aadc5, #fff); background: -o-radial-gradient(50% 50%, #7aadc5, #fff); background: -ms-radial-gradient(50% 50%, #7aadc5, #fff); background: radial-gradient(50% 50%, #7aadc5, #fff)">#7aadc5放射状グラデーション</p>
#7aadc5
を補足するための#c59279
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #7aadc5, #c59279); background: -webkit-linear-gradient(top, #7aadc5, #c59279); background: -o-linear-gradient(top, #7aadc5, #c59279); background: -ms-linear-gradient(top, #7aadc5, #c59279); background: linear-gradient(top, #7aadc5, #c59279); color: #000">
#7aadc5
を補足するための#c59279
線上グラデーション</p>
#7aadc5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #7aadc5">#7aadc5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#7aadc5
に関連している順番で並べらられている。関連は、十六進法の色#7aadc5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: