#004348
十六進の色コード十六進の色コード#004348
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#004348
は0%の赤色、26.27%の绿色、28.24%の青色でできている。HSLで色彩空間#004348
は184.17度の色調、100%の彩度、14.12%の明るさを有している。この色は約504 nmの波長である。
#004348
情報反転
#ffbcb7 25% 飽和度
#004248 濃淡階調
#242424
25% 明るく
#00535a オリジナル
#004348 25% 暗く
#003236
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#083b3f ウェブセーフ:teal
#008080
rgb(0, 67, 72)
rgba(0, 67, 72, 1.0)
赤色:0%、黄色:13.6098%、青色:28.2353%
#004348
17224
-16759992 / 0xff004348
hsl(184, 100%, 14%)
hsla(184, 100%, 14%, 1.0)
色調:184(184.1667)、彩度:100(100)、値:28(28.2353)
X:3.1769、Y:4.4822、Z:6.8286
x:0.2193、y:0.3094、Y:4.4822
L:25.2055、a:-16.549、b:-8.4171
L:25.2055、u:-19.0172、v:-8.0388
L:25.2055、C:18.5666、H:206.9586
L:21.1712、a:-10.2646、b:-4.3037
シアン色:100(1)、マゼンタ色:7(0.0694)、黄色:0(0)、黒色:72(0.7176)
シアン色:100(1)、マゼンタ色:74(0.7373)、黄色:72(0.7176)
Y:47.537、I:-41.5193、Q:-12.6119
Y:47.537、U:12.0384、V:-41.705
Y:47.537、Db:36.815、Dr:90.396
Y:56.824、Cb:140.111、Cr:98.232
Y:53.089、Pb:10.205、Pr:-33.73
5BG 2/4近似、完全一致:Munsell 5BG 2/4 / #03373a
#004348
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#004348
黒まで#004348
白まで#004348
前景
<p style="color: #004348">#004348前景</p>
#004348
背景
<p style="background-color: #004348; color: #fff">#004348背景</p>
#004348
境界
<p style="border: #004348 3px solid">#004348境界</p>
#004348
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004348, #fff); background: -webkit-radial-gradient(50% 50%, #004348, #fff); background: -o-radial-gradient(50% 50%, #004348, #fff); background: -ms-radial-gradient(50% 50%, #004348, #fff); background: radial-gradient(50% 50%, #004348, #fff); color: #fff">#004348放射状グラデーション</p>
#004348
を補足するための#480400
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004348, #480400); background: -webkit-linear-gradient(top, #004348, #480400); background: -o-linear-gradient(top, #004348, #480400); background: -ms-linear-gradient(top, #004348, #480400); background: linear-gradient(top, #004348, #480400); color: #fff">
#004348
を補足するための#480400
線上グラデーション</p>
#004348
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004348">#004348テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#004348
に関連している順番で並べらられている。関連は、十六進法の色#004348
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: