#014d5a
十六進の色コード十六進の色コード#014d5a
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#014d5a
は0.39%の赤色、30.2%の绿色、35.29%の青色でできている。HSLで色彩空間#014d5a
は188.76度の色調、97.8%の彩度、17.84%の明るさを有している。この色は約501 nmの波長である。
#014d5a
情報反転
#feb2a5 25% 飽和度
#004d5b 濃淡階調
#2d2d2d
25% 明るく
#016070 オリジナル
#014d5a 25% 暗く
#003943
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c454e ウェブセーフ:teal
#008080
rgb(1, 77, 90)
rgba(1, 77, 90, 1.0)
赤色:0.3922%、黄色:16.4682%、青色:35.2941%
#014d5a
85338
-16691878 / 0xff014d5a
hsl(189, 98%, 18%)
hsla(189, 98%, 18%, 1.0)
色調:189(188.764)、彩度:99(98.8889)、値:35(35.2941)
X:4.5119、Y:6.0524、Z:10.6033
x:0.2131、y:0.2859、Y:6.0524
L:29.5443、a:-15.271、b:-13.49
L:29.5443、u:-21.4523、v:-15.2823
L:29.5443、C:20.3761、H:221.4566
L:24.6016、a:-10.3165、b:-8.3328
シアン色:99(0.9889)、マゼンタ色:14(0.1444)、黄色:0(0)、黒色:65(0.6471)
シアン色:100(0.9961)、マゼンタ色:70(0.698)、黄色:65(0.6471)
Y:55.758、I:-49.4508、Q:-12.0259
Y:55.758、U:16.8507、V:-48.0401
Y:55.758、Db:51.529、Dr:104.129
Y:63.885、Cb:144.955、Cr:93.713
Y:61.748、Pb:15.24、Pr:-38.598
10BG 3/4近似、完全一致:Munsell 10BG 3/4 / #144f5b
#014d5a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#014d5a
黒まで#014d5a
白まで#014d5a
前景
<p style="color: #014d5a">#014d5a前景</p>
#014d5a
背景
<p style="background-color: #014d5a; color: #fff">#014d5a背景</p>
#014d5a
境界
<p style="border: #014d5a 3px solid">#014d5a境界</p>
#014d5a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #014d5a, #fff); background: -webkit-radial-gradient(50% 50%, #014d5a, #fff); background: -o-radial-gradient(50% 50%, #014d5a, #fff); background: -ms-radial-gradient(50% 50%, #014d5a, #fff); background: radial-gradient(50% 50%, #014d5a, #fff); color: #fff">#014d5a放射状グラデーション</p>
#014d5a
を補足するための#5a0e00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #014d5a, #5a0e00); background: -webkit-linear-gradient(top, #014d5a, #5a0e00); background: -o-linear-gradient(top, #014d5a, #5a0e00); background: -ms-linear-gradient(top, #014d5a, #5a0e00); background: linear-gradient(top, #014d5a, #5a0e00); color: #fff">
#014d5a
を補足するための#5a0e00
線上グラデーション</p>
#014d5a
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #014d5a">#014d5aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#014d5a
に関連している順番で並べらられている。関連は、十六進法の色#014d5a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: