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