色見本
RGB
CMYK
RYB
#003a3e十六進の色コード十六進の色コード#003a3eシアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#003a3eは0%の赤色、22.75%の绿色、24.31%の青色でできている。HSLで色彩空間#003a3eは183.87度の色調、100%の彩度、12.16%の明るさを有している。この色は約504 nmの波長である。
#003a3e情報反転
#ffc5c1 25% 飽和度
#00393e 濃淡階調
#1f1f1f
25% 明るく
#00484d オリジナル
#003a3e 25% 暗く
#002b2e
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#073336 ウェブセーフ：black
#000000
rgb(0, 58, 62)
rgba(0, 58, 62, 1.0)
赤色：0%、黄色：11.7516%、青色：24.3137%
#003a3e
14910
-16762306 / 0xff003a3e
hsl(184, 100%, 12%)
hsla(184, 100%, 12%, 1.0)
色調：184（183.871）、彩度：100（100）、値：24（24.3137）
X：2.3826、Y：3.3739、Z：5.0831
x：0.2198、y：0.3113、Y：3.3739
L：21.4831、a：-15.2336、b：-7.3883
L：21.4831、u：-16.2495、v：-6.5248
L：21.4831、C：16.9307、H：205.8733
L：18.3682、a：-8.991、b：-3.5497
シアン色：100（1）、マゼンタ色：6（0.0645）、黄色：0（0）、黒色：76（0.7569）
シアン色：100（1）、マゼンタ色：77（0.7725）、黄色：76（0.7569）
Y：41.114、I：-35.8366、Q：-11.0199
Y：41.114、U：10.2781、V：-36.07
Y：41.114、Db：31.432、Dr：78.182
Y：51.308、Cb：138.34、Cr：102.254
Y：45.934、Pb：8.67、Pr：-29.184
5BG 2/4近似、完全一致：Munsell 5BG 2/4 / #03373a
#003a3e配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#003a3e黒まで#003a3e白まで#003a3e前景
<p style="color: #003a3e">#003a3e前景</p>
#003a3e背景
<p style="background-color: #003a3e; color: #fff">#003a3e背景</p>
#003a3e境界
<p style="border: #003a3e 3px solid">#003a3e境界</p>
#003a3e放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003a3e, #fff); background: -webkit-radial-gradient(50% 50%, #003a3e, #fff); background: -o-radial-gradient(50% 50%, #003a3e, #fff); background: -ms-radial-gradient(50% 50%, #003a3e, #fff); background: radial-gradient(50% 50%, #003a3e, #fff); color: #fff">#003a3e放射状グラデーション</p>
#003a3eを補足するための#3e0400線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003a3e, #3e0400); background: -webkit-linear-gradient(top, #003a3e, #3e0400); background: -o-linear-gradient(top, #003a3e, #3e0400); background: -ms-linear-gradient(top, #003a3e, #3e0400); background: linear-gradient(top, #003a3e, #3e0400); color: #fff">#003a3eを補足するための#3e0400線上グラデーション</p>
#003a3eテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003a3e">#003a3eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#003a3eに関連している順番で並べらられている。関連は、十六進法の色#003a3eの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：