色見本
RGB
CMYK
RYB
#014d5c十六進の色コード十六進の色コード#014d5cシアン色の暗い色合いです。光の三原色RGBにおいて色モデル#014d5cは0.39%の赤色、30.2%の绿色、36.08%の青色でできている。HSLで色彩空間#014d5cは189.89度の色調、97.85%の彩度、18.24%の明るさを有している。この色は約500 nmの波長である。
#014d5c情報反転
#feb2a3 25% 飽和度
#004d5d 濃淡階調
#2e2e2e
25% 明るく
#016073 オリジナル
#014d5c 25% 暗く
#003945
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0c4550 ウェブセーフ：teal
#008080
rgb(1, 77, 92)
rgba(1, 77, 92, 1.0)
赤色：0.3922%、黄色：16.6326%、青色：36.0784%
#014d5c
85340
-16691876 / 0xff014d5c
hsl(190, 98%, 18%)
hsla(190, 98%, 18%, 1.0)
色調：190（189.8901）、彩度：99（98.913）、値：36（36.0784）
X：4.5982、Y：6.0869、Z：11.0578
x：0.2115、y：0.28、Y：6.0869
L：29.6307、a：-14.4965、b：-14.6373
L：29.6307、u：-21.3185、v：-16.9161
L：29.6307、C：20.6009、H：225.2769
L：24.6717、a：-9.9076、b：-9.3034
シアン色：99（0.9891）、マゼンタ色：16（0.163）、黄色：0（0）、黒色：64（0.6392）
シアン色：100（0.9961）、マゼンタ色：70（0.698）、黄色：64（0.6392）
Y：55.986、I：-50.0934、Q：-11.4036
Y：55.986、U：17.7227、V：-48.2401
Y：55.986、Db：54.195、Dr：104.563
Y：64.081、Cb：145.833、Cr：93.571
Y：61.892、Pb：16.24、Pr：-38.69
10BG 3/4近似、完全一致：Munsell 10BG 3/4 / #144f5b
#014d5c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#014d5c黒まで#014d5c白まで#014d5c前景
<p style="color: #014d5c">#014d5c前景</p>
#014d5c背景
<p style="background-color: #014d5c; color: #fff">#014d5c背景</p>
#014d5c境界
<p style="border: #014d5c 3px solid">#014d5c境界</p>
#014d5c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #014d5c, #fff); background: -webkit-radial-gradient(50% 50%, #014d5c, #fff); background: -o-radial-gradient(50% 50%, #014d5c, #fff); background: -ms-radial-gradient(50% 50%, #014d5c, #fff); background: radial-gradient(50% 50%, #014d5c, #fff); color: #fff">#014d5c放射状グラデーション</p>
#014d5cを補足するための#5c1000線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #014d5c, #5c1000); background: -webkit-linear-gradient(top, #014d5c, #5c1000); background: -o-linear-gradient(top, #014d5c, #5c1000); background: -ms-linear-gradient(top, #014d5c, #5c1000); background: linear-gradient(top, #014d5c, #5c1000); color: #fff">#014d5cを補足するための#5c1000線上グラデーション</p>
#014d5cテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #014d5c">#014d5cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#014d5cに関連している順番で並べらられている。関連は、十六進法の色#014d5cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：