#014b59
十六進の色コード十六進の色コード#014b59
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#014b59
は0.39%の赤色、29.41%の绿色、34.9%の青色でできている。HSLで色彩空間#014b59
は189.55度の色調、97.78%の彩度、17.65%の明るさを有している。この色は約501 nmの波長である。
#014b59
情報反転
#feb4a6 25% 飽和度
#004b59 濃淡階調
#2c2c2c
25% 明るく
#015d6f オリジナル
#014b59 25% 暗く
#003842
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c434d ウェブセーフ:teal
#008080
rgb(1, 75, 89)
rgba(1, 75, 89, 1.0)
赤色:0.3922%、黄色:16.1559%、青色:34.902%
#014b59
84825
-16692391 / 0xff014b59
hsl(190, 98%, 18%)
hsla(190, 98%, 18%, 1.0)
色調:190(189.5455)、彩度:99(98.8764)、値:35(34.902)
X:4.3318、Y:5.7599、Z:10.3347
x:0.2121、y:0.282、Y:5.7599
L:28.7984、a:-14.4975、b:-13.9923
L:28.7984、u:-20.7796、v:-15.9105
L:28.7984、C:20.1485、H:223.984
L:23.9997、a:-9.7817、b:-8.7314
シアン色:99(0.9888)、マゼンタ色:16(0.1573)、黄色:0(0)、黒色:65(0.651)
シアン色:100(0.9961)、マゼンタ色:71(0.7059)、黄色:65(0.651)
Y:54.47、I:-48.5807、Q:-11.2919
Y:54.47、U:16.9924、V:-46.9101
Y:54.47、Db:51.962、Dr:101.68
Y:62.779、Cb:145.098、Cr:94.52
Y:60.246、Pb:15.51、Pr:-37.644
10BG 3/4近似、完全一致:Munsell 10BG 3/4 / #144f5b
#014b59
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#014b59
黒まで#014b59
白まで#014b59
前景
<p style="color: #014b59">#014b59前景</p>
#014b59
背景
<p style="background-color: #014b59; color: #fff">#014b59背景</p>
#014b59
境界
<p style="border: #014b59 3px solid">#014b59境界</p>
#014b59
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #014b59, #fff); background: -webkit-radial-gradient(50% 50%, #014b59, #fff); background: -o-radial-gradient(50% 50%, #014b59, #fff); background: -ms-radial-gradient(50% 50%, #014b59, #fff); background: radial-gradient(50% 50%, #014b59, #fff); color: #fff">#014b59放射状グラデーション</p>
#014b59
を補足するための#590e00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #014b59, #590e00); background: -webkit-linear-gradient(top, #014b59, #590e00); background: -o-linear-gradient(top, #014b59, #590e00); background: -ms-linear-gradient(top, #014b59, #590e00); background: linear-gradient(top, #014b59, #590e00); color: #fff">
#014b59
を補足するための#590e00
線上グラデーション</p>
#014b59
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #014b59">#014b59テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#014b59
に関連している順番で並べらられている。関連は、十六進法の色#014b59
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: