#014c54
十六進の色コード十六進の色コード#014c54
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#014c54
は0.39%の赤色、29.8%の绿色、32.94%の青色でできている。HSLで色彩空間#014c54
は185.78度の色調、97.65%の彩度、16.67%の明るさを有している。この色は約503 nmの波長である。
#014c54
情報反転
#feb3ab 25% 飽和度
#004c54 濃淡階調
#2a2a2a
25% 明るく
#015e68 オリジナル
#014c54 25% 暗く
#00383e
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b4349 ウェブセーフ:teal
#008080
rgb(1, 76, 84)
rgba(1, 76, 84, 1.0)
赤色:0.3922%、黄色:15.8426%、青色:32.9412%
#014c54
85076
-16692140 / 0xff014c54
hsl(186, 98%, 17%)
hsla(186, 98%, 17%, 1.0)
色調:186(185.7831)、彩度:99(98.8095)、値:33(32.9412)
X:4.1972、Y:5.8154、Z:9.2888
x:0.2175、y:0.3013、Y:5.8154
L:28.9419、a:-16.9854、b:-10.5572
L:28.9419、u:-21.4861、v:-11.1374
L:28.9419、C:19.9989、H:211.8628
L:24.1152、a:-11.1341、b:-5.9569
シアン色:99(0.9881)、マゼンタ色:10(0.0952)、黄色:0(0)、黒色:67(0.6706)
シアン色:100(0.9961)、マゼンタ色:70(0.702)、黄色:67(0.6706)
Y:54.487、I:-47.2488、Q:-13.3701
Y:54.487、U:14.5235、V:-46.9251
Y:54.487、Db:44.414、Dr:101.711
Y:62.793、Cb:142.612、Cr:94.507
Y:60.601、Pb:12.625、Pr:-37.868
7.5BG 3/4近似、完全一致:Munsell 7.5BG 3/4 / #154f57
#014c54
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#014c54
黒まで#014c54
白まで#014c54
前景
<p style="color: #014c54">#014c54前景</p>
#014c54
背景
<p style="background-color: #014c54; color: #fff">#014c54背景</p>
#014c54
境界
<p style="border: #014c54 3px solid">#014c54境界</p>
#014c54
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #014c54, #fff); background: -webkit-radial-gradient(50% 50%, #014c54, #fff); background: -o-radial-gradient(50% 50%, #014c54, #fff); background: -ms-radial-gradient(50% 50%, #014c54, #fff); background: radial-gradient(50% 50%, #014c54, #fff); color: #fff">#014c54放射状グラデーション</p>
#014c54
を補足するための#530900
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #014c54, #530900); background: -webkit-linear-gradient(top, #014c54, #530900); background: -o-linear-gradient(top, #014c54, #530900); background: -ms-linear-gradient(top, #014c54, #530900); background: linear-gradient(top, #014c54, #530900); color: #fff">
#014c54
を補足するための#530900
線上グラデーション</p>
#014c54
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #014c54">#014c54テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#014c54
に関連している順番で並べらられている。関連は、十六進法の色#014c54
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: