#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: