#014b44
十六進の色コード十六進の色コード#014b44
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#014b44
は0.39%の赤色、29.41%の绿色、26.67%の青色でできている。HSLで色彩空間#014b44
は174.32度の色調、97.37%の彩度、14.9%の明るさを有している。この色は約510 nmの波長である。
#014b44
情報反転
#feb4bb 25% 飽和度
#004c44 濃淡階調
#262626
25% 明るく
#015d55 オリジナル
#014b44 25% 暗く
#003833
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0a413c ウェブセーフ:teal
#008080
rgb(1, 75, 68)
rgba(1, 75, 68, 1.0)
赤色:0.3922%、黄色:15.6223%、青色:29.4118%
#014b44
84804
-16692412 / 0xff014b44
hsl(174, 97%, 15%)
hsla(174, 97%, 15%, 1.0)
色調:174(174.3243)、彩度:99(98.6667)、値:29(29.4118)
X:3.572、Y:5.456、Z:6.3337
x:0.2325、y:0.3552、Y:5.456
L:27.9962、a:-22.1598、b:-1.6374
L:27.9962、u:-22.2005、v:0.7094
L:27.9962、C:22.2202、H:184.226
L:23.358、a:-13.5797、b:0.2737
シアン色:99(0.9867)、マゼンタ色:0(0)、黄色:9(0.0933)、黒色:71(0.7059)
シアン色:100(0.9961)、マゼンタ色:71(0.7059)、黄色:73(0.7333)
Y:52.076、I:-41.8341、Q:-17.8257
Y:52.076、U:7.8364、V:-44.8099
Y:52.076、Db:23.969、Dr:97.123
Y:60.721、Cb:135.879、Cr:96.011
Y:58.734、Pb:5.01、Pr:-36.678
10G 3/4近似、完全一致:Munsell 10G 3/4 / #205048
#014b44
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#014b44
黒まで#014b44
白まで#014b44
前景
<p style="color: #014b44">#014b44前景</p>
#014b44
背景
<p style="background-color: #014b44; color: #fff">#014b44背景</p>
#014b44
境界
<p style="border: #014b44 3px solid">#014b44境界</p>
#014b44
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #014b44, #fff); background: -webkit-radial-gradient(50% 50%, #014b44, #fff); background: -o-radial-gradient(50% 50%, #014b44, #fff); background: -ms-radial-gradient(50% 50%, #014b44, #fff); background: radial-gradient(50% 50%, #014b44, #fff); color: #fff">#014b44放射状グラデーション</p>
#014b44
を補足するための#4b0007
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #014b44, #4b0007); background: -webkit-linear-gradient(top, #014b44, #4b0007); background: -o-linear-gradient(top, #014b44, #4b0007); background: -ms-linear-gradient(top, #014b44, #4b0007); background: linear-gradient(top, #014b44, #4b0007); color: #fff">
#014b44
を補足するための#4b0007
線上グラデーション</p>
#014b44
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #014b44">#014b44テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#014b44
に関連している順番で並べらられている。関連は、十六進法の色#014b44
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: