色見本
RGB
CMYK
RYB
#4a66d7十六進の色コード十六進の色コード#4a66d7青色の色合いです。光の三原色RGBにおいて色モデル#4a66d7は29.02%の赤色、40%の绿色、84.31%の青色でできている。HSLで色彩空間#4a66d7は228.09度の色調、63.8%の彩度、56.67%の明るさを有している。この色は約476 nmの波長である。
#4a66d7情報反転
#b59928 25% 飽和度
#385be8 濃淡階調
#909090
rgb(74, 102, 215)
rgba(74, 102, 215, 1.0)
赤色：29.0196%、黄色：38.1808%、青色：84.3137%
#4a66d7
4875991
-11901225 / 0xff4a66d7
hsl(228, 64%, 57%)
hsla(228, 64%, 57%, 1.0)
色調：228（228.0851）、彩度：66（65.5814）、値：84（84.3137）
X：19.8412、Y：15.8649、Z：66.3065
x：0.1945、y：0.1555、Y：15.8649
L：46.7967、a：25.9302、b：-61.2528
L：46.7967、u：-14.6458、v：-94.7314
L：46.7967、C：66.5152、H：292.9444
L：39.8307、a：19.2136、b：-70.8189
シアン色：66（0.6558）、マゼンタ色：53（0.5256）、黄色：0（0）、黒色：16（0.1569）
シアン色：71（0.7098）、マゼンタ色：60（0.6）、黄色：16（0.1569）
Y：106.51、I：-52.9828、Q：29.2375
Y：106.51、U：53.3887、V：-28.5211
Y：106.51、Db：163.229、Dr：61.845
Y：107.496、Cb：181.751、Cr：107.685
Y：104.172、Pb：59.72、Pr：-19.198
7.5PB 5/14近似、完全一致：Munsell 7.5PB 5/14 / #5d71e2
#4a66d7配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#4a66d7黒まで#4a66d7白まで#4a66d7前景
<p style="color: #4a66d7">#4a66d7前景</p>
#4a66d7背景
<p style="background-color: #4a66d7; color: #fff">#4a66d7背景</p>
#4a66d7境界
<p style="border: #4a66d7 3px solid">#4a66d7境界</p>
#4a66d7放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4a66d7, #fff); background: -webkit-radial-gradient(50% 50%, #4a66d7, #fff); background: -o-radial-gradient(50% 50%, #4a66d7, #fff); background: -ms-radial-gradient(50% 50%, #4a66d7, #fff); background: radial-gradient(50% 50%, #4a66d7, #fff); color: #fff">#4a66d7放射状グラデーション</p>
#4a66d7を補足するための#d7bb49線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4a66d7, #d7bb49); background: -webkit-linear-gradient(top, #4a66d7, #d7bb49); background: -o-linear-gradient(top, #4a66d7, #d7bb49); background: -ms-linear-gradient(top, #4a66d7, #d7bb49); background: linear-gradient(top, #4a66d7, #d7bb49); color: #fff">#4a66d7を補足するための#d7bb49線上グラデーション</p>
#4a66d7テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #4a66d7">#4a66d7テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#4a66d7に関連している順番で並べらられている。関連は、十六進法の色#4a66d7の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：