#00475d
十六進の色コード十六進の色コード#00475d
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#00475d
は0%の赤色、27.84%の绿色、36.47%の青色でできている。HSLで色彩空間#00475d
は194.19度の色調、100%の彩度、18.24%の明るさを有している。この色は約498 nmの波長である。
#00475d
情報反転
#ffb8a2 25% 飽和度
#00475d 濃淡階調
#2e2e2e
25% 明るく
#005874 オリジナル
#00475d 25% 暗く
#003545
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b4051 ウェブセーフ:teal
#008080
rgb(0, 71, 93)
rgba(0, 71, 93, 1.0)
赤色:0%、黄色:15.7891%、青色:36.4706%
#00475d
18269
-16758947 / 0xff00475d
hsl(194, 100%, 18%)
hsla(194, 100%, 18%, 1.0)
色調:194(194.1935)、彩度:100(100)、値:36(36.4706)
X:4.229、Y:5.2968、Z:11.1554
x:0.2045、y:0.2561、Y:5.2968
L:27.5641、a:-10.6008、b:-18.4742
L:27.5641、u:-19.1491、v:-22.0026
L:27.5641、C:21.2996、H:240.1522
L:23.0148、a:-7.476、b:-12.628
シアン色:100(1)、マゼンタ色:24(0.2366)、黄色:0(0)、黒色:64(0.6353)
シアン色:100(1)、マゼンタ色:72(0.7216)、黄色:64(0.6353)
Y:52.279、I:-49.3636、Q:-8.1684
Y:52.279、U:20.0389、V:-45.8652
Y:52.279、Db:61.276、Dr:99.417
Y:60.898、Cb:148.166、Cr:95.269
Y:57.461、Pb:19.165、Pr:-36.512
5B 3/4近似、完全一致:Munsell 5B 3/4 / #1a4d63
#00475d
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00475d
黒まで#00475d
白まで#00475d
前景
<p style="color: #00475d">#00475d前景</p>
#00475d
背景
<p style="background-color: #00475d; color: #fff">#00475d背景</p>
#00475d
境界
<p style="border: #00475d 3px solid">#00475d境界</p>
#00475d
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00475d, #fff); background: -webkit-radial-gradient(50% 50%, #00475d, #fff); background: -o-radial-gradient(50% 50%, #00475d, #fff); background: -ms-radial-gradient(50% 50%, #00475d, #fff); background: radial-gradient(50% 50%, #00475d, #fff); color: #fff">#00475d放射状グラデーション</p>
#00475d
を補足するための#5d1500
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00475d, #5d1500); background: -webkit-linear-gradient(top, #00475d, #5d1500); background: -o-linear-gradient(top, #00475d, #5d1500); background: -ms-linear-gradient(top, #00475d, #5d1500); background: linear-gradient(top, #00475d, #5d1500); color: #fff">
#00475d
を補足するための#5d1500
線上グラデーション</p>
#00475d
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00475d">#00475dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00475d
に関連している順番で並べらられている。関連は、十六進法の色#00475d
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: