#004c51
十六進の色コード十六進の色コード#004c51
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#004c51
は0%の赤色、29.8%の绿色、31.76%の青色でできている。HSLで色彩空間#004c51
は183.7度の色調、100%の彩度、15.88%の明るさを有している。この色は約504 nmの波長である。
#004c51
情報反転
#ffb3ae 25% 飽和度
#004b51 濃淡階調
#282828
25% 明るく
#005e65 オリジナル
#004c51 25% 暗く
#00383c
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0a4346 ウェブセーフ:teal
#008080
rgb(0, 76, 81)
rgba(0, 76, 81, 1.0)
赤色:0%、黄色:15.3765%、青色:31.7647%
#004c51
19537
-16757679 / 0xff004c51
hsl(184, 100%, 16%)
hsla(184, 100%, 16%, 1.0)
色調:184(183.7037)、彩度:100(100)、値:32(31.7647)
X:4.0696、Y:5.763、Z:8.6825
x:0.2198、y:0.3113、Y:5.763
L:28.8064、a:-18.2097、b:-8.8319
L:28.8064、u:-21.7886、v:-8.7492
L:28.8064、C:20.2385、H:205.874
L:24.0062、a:-11.7506、b:-4.6394
シアン色:100(1)、マゼンタ色:6(0.0617)、黄色:0(0)、黒色:68(0.6824)
シアン色:100(1)、マゼンタ色:70(0.702)、黄色:68(0.6824)
Y:53.846、I:-46.8807、Q:-14.515
Y:53.846、U:13.3626、V:-47.24
Y:53.846、Db:40.865、Dr:102.393
Y:62.242、Cb:141.443、Cr:94.281
Y:60.172、Pb:11.24、Pr:-38.23
5BG 3/4近似、完全一致:Munsell 5BG 3/4 / #184f52
#004c51
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#004c51
黒まで#004c51
白まで#004c51
前景
<p style="color: #004c51">#004c51前景</p>
#004c51
背景
<p style="background-color: #004c51; color: #fff">#004c51背景</p>
#004c51
境界
<p style="border: #004c51 3px solid">#004c51境界</p>
#004c51
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004c51, #fff); background: -webkit-radial-gradient(50% 50%, #004c51, #fff); background: -o-radial-gradient(50% 50%, #004c51, #fff); background: -ms-radial-gradient(50% 50%, #004c51, #fff); background: radial-gradient(50% 50%, #004c51, #fff); color: #fff">#004c51放射状グラデーション</p>
#004c51
を補足するための#510400
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004c51, #510400); background: -webkit-linear-gradient(top, #004c51, #510400); background: -o-linear-gradient(top, #004c51, #510400); background: -ms-linear-gradient(top, #004c51, #510400); background: linear-gradient(top, #004c51, #510400); color: #fff">
#004c51
を補足するための#510400
線上グラデーション</p>
#004c51
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004c51">#004c51テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#004c51
に関連している順番で並べらられている。関連は、十六進法の色#004c51
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: