色見本
RGB
CMYK
RYB
#014a39十六進の色コード十六進の色コード#014a39青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#014a39は0.39%の赤色、29.02%の绿色、22.35%の青色でできている。HSLで色彩空間#014a39は166.03度の色調、97.33%の彩度、14.71%の明るさを有している。この色は約515 nmの波長である。
#014a39情報反転
#feb5c6 25% 飽和度
#004b39 濃淡階調
#252525
25% 明るく
#015c47 オリジナル
#014a39 25% 暗く
#00372a
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0a4034 ウェブセーフ：teal
#008080
rgb(1, 74, 57)
rgba(1, 74, 57, 1.0)
赤色：0.3922%、黄色：16.5922%、青色：29.0196%
#014a39
84537
-16692679 / 0xff014a39
hsl(166, 97%, 15%)
hsla(166, 97%, 15%, 1.0)
色調：166（166.0274）、彩度：99（98.6486）、値：29（29.0196）
X：3.1998、Y：5.1994、Z：4.7058
x：0.2442、y：0.3967、Y：5.1994
L：27.2955、a：-25.1708、b：4.4606
L：27.2955、u：-22.5491、v：8.0355
L：27.2955、C：25.563、H：169.9507
L：22.8022、a：-14.8552、b：3.7255
シアン色：99（0.9865）、マゼンタ色：0（0）、黄色：23（0.2297）、黒色：71（0.7098）
シアン色：100（0.9961）、マゼンタ色：71（0.7098）、黄色：78（0.7765）
Y：50.235、I：-38.0258、Q：-20.7256
Y：50.235、U：3.3292、V：-43.1948
Y：50.235、Db：10.189、Dr：93.62
Y：59.139、Cb：131.341、Cr：97.16
Y：57.227、Pb：-0.105、Pr：-35.718
7.5G 3/6（近似の）
#014a39配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#014a39黒まで#014a39白まで#014a39前景
<p style="color: #014a39">#014a39前景</p>
#014a39背景
<p style="background-color: #014a39; color: #fff">#014a39背景</p>
#014a39境界
<p style="border: #014a39 3px solid">#014a39境界</p>
#014a39放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #014a39, #fff); background: -webkit-radial-gradient(50% 50%, #014a39, #fff); background: -o-radial-gradient(50% 50%, #014a39, #fff); background: -ms-radial-gradient(50% 50%, #014a39, #fff); background: radial-gradient(50% 50%, #014a39, #fff); color: #fff">#014a39放射状グラデーション</p>
#014a39を補足するための#4a0011線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #014a39, #4a0011); background: -webkit-linear-gradient(top, #014a39, #4a0011); background: -o-linear-gradient(top, #014a39, #4a0011); background: -ms-linear-gradient(top, #014a39, #4a0011); background: linear-gradient(top, #014a39, #4a0011); color: #fff">#014a39を補足するための#4a0011線上グラデーション</p>
#014a39テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #014a39">#014a39テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#014a39に関連している順番で並べらられている。関連は、十六進法の色#014a39の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：