#44a6d1
十六進の色コード十六進の色コード#44a6d1
シアン色の色合いです。光の三原色RGBにおいて色モデル#44a6d1
は26.67%の赤色、65.1%の绿色、81.96%の青色でできている。HSLで色彩空間#44a6d1
は198.3度の色調、60.52%の彩度、54.31%の明るさを有している。この色は約495 nmの波長である。PPG Pittsburgh Paints Mystic Blue 152-5とPorter Paints Mystic Blue / 152-5はペイントカラーに調和している。
#44a6d1
情報反転
#bb592e 25% 飽和度
#32ace2 濃淡階調
#8a8a8a
rgb(68, 166, 209)
rgba(68, 166, 209, 1.0)
赤色:26.6667%、黄色:49.3396%、青色:81.9608%
#44a6d1
4499153
-12278063 / 0xff44a6d1
hsl(198, 61%, 54%)
hsla(198, 61%, 54%, 1.0)
色調:198(198.2979)、彩度:67(67.4641)、値:82(81.9608)
X:27.5287、Y:33.1048、Z:65.2606
x:0.2187、y:0.263、Y:33.1048
L:64.2457、a:-15.0711、b:-30.2723
L:64.2457、u:-37.4814、v:-45.4835
L:64.2457、C:33.8164、H:243.5336
L:57.5368、a:-15.2853、b:-26.9734
シアン色:67(0.6746)、マゼンタ色:21(0.2057)、黄色:0(0)、黒色:18(0.1804)
シアン色:73(0.7333)、マゼンタ色:35(0.349)、黄色:18(0.1804)
Y:141.6、I:-72.1945、Q:-7.3439
Y:141.6、U:33.1684、V:-64.5704
Y:141.6、Db:101.419、Dr:139.965
Y:137.622、Cb:161.381、Cr:81.925
Y:148.222、Pb:32.77、Pr:-50.978
7.5B 6/8近似、完全一致:Munsell 7.5B 6/8 / #399ece
#44a6d1
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#44a6d1
黒まで#44a6d1
白まで#44a6d1
前景
<p style="color: #44a6d1; background-color: #000">#44a6d1前景</p>
#44a6d1
背景
<p style="background-color: #44a6d1">#44a6d1背景</p>
#44a6d1
境界
<p style="border: #44a6d1 3px solid">#44a6d1境界</p>
#44a6d1
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #44a6d1, #fff); background: -webkit-radial-gradient(50% 50%, #44a6d1, #fff); background: -o-radial-gradient(50% 50%, #44a6d1, #fff); background: -ms-radial-gradient(50% 50%, #44a6d1, #fff); background: radial-gradient(50% 50%, #44a6d1, #fff)">#44a6d1放射状グラデーション</p>
#44a6d1
を補足するための#d06f44
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #44a6d1, #d06f44); background: -webkit-linear-gradient(top, #44a6d1, #d06f44); background: -o-linear-gradient(top, #44a6d1, #d06f44); background: -ms-linear-gradient(top, #44a6d1, #d06f44); background: linear-gradient(top, #44a6d1, #d06f44); color: #000">
#44a6d1
を補足するための#d06f44
線上グラデーション</p>
#44a6d1
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #44a6d1">#44a6d1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#44a6d1
に関連している順番で並べらられている。関連は、十六進法の色#44a6d1
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: