色見本
RGB
CMYK
RYB
#00415c十六進の色コード十六進の色コード#00415cシアン色の暗い色合いです。光の三原色RGBにおいて色モデル#00415cは0%の赤色、25.49%の绿色、36.08%の青色でできている。HSLで色彩空間#00415cは197.61度の色調、100%の彩度、18.04%の明るさを有している。この色は約496 nmの波長である。
#00415c情報反転
#ffbea3 25% 飽和度
#00405c 濃淡階調
#2e2e2e
25% 明るく
#005172 オリジナル
#00415c 25% 暗く
#003045
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0b3c50 ウェブセーフ：blue
#0000ff
rgb(0, 65, 92)
rgba(0, 65, 92, 1.0)
赤色：0%、黄色：14.9369%、青色：36.0784%
#00415c
16732
-16760484 / 0xff00415c
hsl(198, 100%, 18%)
hsla(198, 100%, 18%, 1.0)
色調：198（197.6087）、彩度：100（100）、値：36（36.0784）
X：3.8221、Y：4.5533、Z：10.8026
x：0.1993、y：0.2374、Y：4.5533
L：25.4222、a：-7.2444、b：-21.1701
L：25.4222、u：-17.0473、v：-25.2152
L：25.4222、C：22.3753、H：251.109
L：21.3385、a：-5.3701、b：-15.0788
シアン色：100（1）、マゼンタ色：29（0.2935）、黄色：0（0）、黒色：64（0.6392）
シアン色：100（1）、マゼンタ色：75（0.7451）、黄色：64（0.6392）
Y：48.643、I：-47.3956、Q：-5.344
Y：48.643、U：21.3361、V：-42.6753
Y：48.643、Db：65.241、Dr：92.504
Y：57.776、Cb：149.473、Cr：97.548
Y：53.099、Pb：20.975、Pr：-33.742
7.5B 3/4近似、完全一致：Munsell 7.5B 3/4 / #214c66
#00415c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#00415c黒まで#00415c白まで#00415c前景
<p style="color: #00415c">#00415c前景</p>
#00415c背景
<p style="background-color: #00415c; color: #fff">#00415c背景</p>
#00415c境界
<p style="border: #00415c 3px solid">#00415c境界</p>
#00415c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00415c, #fff); background: -webkit-radial-gradient(50% 50%, #00415c, #fff); background: -o-radial-gradient(50% 50%, #00415c, #fff); background: -ms-radial-gradient(50% 50%, #00415c, #fff); background: radial-gradient(50% 50%, #00415c, #fff); color: #fff">#00415c放射状グラデーション</p>
#00415cを補足するための#5c1a00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00415c, #5c1a00); background: -webkit-linear-gradient(top, #00415c, #5c1a00); background: -o-linear-gradient(top, #00415c, #5c1a00); background: -ms-linear-gradient(top, #00415c, #5c1a00); background: linear-gradient(top, #00415c, #5c1a00); color: #fff">#00415cを補足するための#5c1a00線上グラデーション</p>
#00415cテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00415c">#00415cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00415cに関連している順番で並べらられている。関連は、十六進法の色#00415cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：