#a9f1f9
十六進の色コード十六進の色コード#a9f1f9
シアン色の明るい色合いです。光の三原色RGBにおいて色モデル#a9f1f9
は66.27%の赤色、94.51%の绿色、97.65%の青色でできている。HSLで色彩空間#a9f1f9
は186度の色調、86.96%の彩度、81.96%の明るさを有している。この色は約503 nmの波長である。
#a9f1f9
情報反転
#560e06 25% 飽和度
#a3f5ff 濃淡階調
#d1d1d1
rgb(169, 241, 249)
rgba(169, 241, 249, 1.0)
赤色:66.2745%、黄色:81.1352%、青色:97.6471%
#a9f1f9
11137529
-5639687 / 0xffa9f1f9
hsl(186, 87%, 82%)
hsla(186, 87%, 82%, 1.0)
色調:186(186)、彩度:32(32.1285)、値:98(97.6471)
X:64.9164、Y:78.1852、Z:101.2923
x:0.2656、y:0.3199、Y:78.1852
L:90.8643、a:-20.2952、b:-10.9912
L:90.8643、u:-34.7256、v:-14.0279
L:90.8643、C:23.0803、H:208.4384
L:88.4224、a:-23.6912、b:-6.024
シアン色:32(0.3213)、マゼンタ色:3(0.0321)、黄色:0(0)、黒色:2(0.0235)
シアン色:34(0.3373)、マゼンタ色:5(0.0549)、黄色:2(0.0235)
Y:220.384、I:-45.4617、Q:-12.7358
Y:220.384、U:14.0838、V:-45.0801
Y:220.384、Db:43.064、Dr:97.712
Y:205.299、Cb:142.168、Cr:95.824
Y:226.24、Pb:12.28、Pr:-36.368
7.5BG 9/4近似、完全一致:Munsell 7.5BG 9/4 / #b4eff6
#a9f1f9
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#a9f1f9
黒まで#a9f1f9
白まで#a9f1f9
前景
<p style="color: #a9f1f9; background-color: #000">#a9f1f9前景</p>
#a9f1f9
背景
<p style="background-color: #a9f1f9">#a9f1f9背景</p>
#a9f1f9
境界
<p style="border: #a9f1f9 3px solid">#a9f1f9境界</p>
#a9f1f9
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #a9f1f9, #fff); background: -webkit-radial-gradient(50% 50%, #a9f1f9, #fff); background: -o-radial-gradient(50% 50%, #a9f1f9, #fff); background: -ms-radial-gradient(50% 50%, #a9f1f9, #fff); background: radial-gradient(50% 50%, #a9f1f9, #fff)">#a9f1f9放射状グラデーション</p>
#a9f1f9
を補足するための#f9b0a8
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #a9f1f9, #f9b0a8); background: -webkit-linear-gradient(top, #a9f1f9, #f9b0a8); background: -o-linear-gradient(top, #a9f1f9, #f9b0a8); background: -ms-linear-gradient(top, #a9f1f9, #f9b0a8); background: linear-gradient(top, #a9f1f9, #f9b0a8); color: #000">
#a9f1f9
を補足するための#f9b0a8
線上グラデーション</p>
#a9f1f9
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #a9f1f9">#a9f1f9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#a9f1f9
に関連している順番で並べらられている。関連は、十六進法の色#a9f1f9
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: