色見本
RGB
CMYK
RYB
#e3e9fd十六進の色コード十六進の色コード#e3e9fd青色のとても明るい色合いです。光の三原色RGBにおいて色モデル#e3e9fdは89.02%の赤色、91.37%の绿色、99.22%の青色でできている。HSLで色彩空間#e3e9fdは226.15度の色調、86.67%の彩度、94.12%の明るさを有している。この色は約478 nmの波長である。
#e3e9fd情報反転
#1c1602 25% 飽和度
#e0e7fe 濃淡階調
#efefef
rgb(227, 233, 253)
rgba(227, 233, 253, 1.0)
赤色：89.0196%、黄色：90.9314%、青色：99.2157%
#e3e9fd
14936573
-1840643 / 0xffe3e9fd
hsl(226, 87%, 94%)
hsla(226, 87%, 94%, 1.0)
色調：226（226.1538）、彩度：10（10.2767）、値：99（99.2157）
X：78.5471、Y：81.7006、Z：104.5584
x：0.2966、y：0.3085、Y：81.7006
L：92.4425、a：1.7852、b：-10.3464
L：92.4425、u：-4.3556、v：-16.5933
L：92.4425、C：10.4993、H：279.7897
L：90.3884、a：-3.0639、b：-5.3129
シアン色：10（0.1028）、マゼンタ色：8（0.0791）、黄色：0（0）、黒色：1（0.0078）
シアン色：11（0.1098）、マゼンタ色：9（0.0863）、黄色：1（0.0078）
Y：233.486、I：-9.9996、Q：4.954
Y：233.486、U：9.6051、V：-5.6902
Y：233.486、Db：29.36、Dr：12.338
Y：216.565、Cb：137.668、Cr：123.946
Y：233.162、Pb：10.69、Pr：-3.92
10B 9/2近似、完全一致：Munsell 10B 9/2 / #dde5f9
#e3e9fd配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#e3e9fd黒まで#e3e9fd白まで#e3e9fd前景
<p style="color: #e3e9fd; background-color: #000">#e3e9fd前景</p>
#e3e9fd背景
<p style="background-color: #e3e9fd">#e3e9fd背景</p>
#e3e9fd境界
<p style="border: #e3e9fd 3px solid">#e3e9fd境界</p>
#e3e9fd放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #e3e9fd, #fff); background: -webkit-radial-gradient(50% 50%, #e3e9fd, #fff); background: -o-radial-gradient(50% 50%, #e3e9fd, #fff); background: -ms-radial-gradient(50% 50%, #e3e9fd, #fff); background: radial-gradient(50% 50%, #e3e9fd, #fff)">#e3e9fd放射状グラデーション</p>
#e3e9fdを補足するための#fcf7e2線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #e3e9fd, #fcf7e2); background: -webkit-linear-gradient(top, #e3e9fd, #fcf7e2); background: -o-linear-gradient(top, #e3e9fd, #fcf7e2); background: -ms-linear-gradient(top, #e3e9fd, #fcf7e2); background: linear-gradient(top, #e3e9fd, #fcf7e2); color: #000">#e3e9fdを補足するための#fcf7e2線上グラデーション</p>
#e3e9fdテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #e3e9fd">#e3e9fdテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#e3e9fdに関連している順番で並べらられている。関連は、十六進法の色#e3e9fdの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：