#003b44
十六進の色コード十六進の色コード#003b44
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#003b44
は0%の赤色、23.14%の绿色、26.67%の青色でできている。HSLで色彩空間#003b44
は187.94度の色調、100%の彩度、13.33%の明るさを有している。この色は約502 nmの波長である。
#003b44
情報反転
#ffc4bb 25% 飽和度
#003a44 濃淡階調
#222222
25% 明るく
#004955 オリジナル
#003b44 25% 暗く
#002c33
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#08343b ウェブセーフ:teal
#008080
rgb(0, 59, 68)
rgba(0, 59, 68, 1.0)
赤色:0%、黄色:12.3885%、青色:26.6667%
#003b44
15172
-16762044 / 0xff003b44
hsl(188, 100%, 13%)
hsla(188, 100%, 13%, 1.0)
色調:188(187.9412)、彩度:100(100)、値:27(26.6667)
X:2.6074、Y:3.5453、Z:6.0157
x:0.2143、y:0.2914、Y:3.5453
L:22.1073、a:-13.4594、b:-10.4716
L:22.1073、u:-16.2621、v:-10.3987
L:22.1073、C:17.0532、H:217.8833
L:18.8289、a:-8.2327、b:-5.7625
シアン色:100(1)、マゼンタ色:13(0.1324)、黄色:0(0)、黒色:73(0.7333)
シアン色:100(1)、マゼンタ色:77(0.7686)、黄色:73(0.7333)
Y:42.385、I:-38.0386、Q:-9.6757
Y:42.385、U:12.6053、V:-37.1851
Y:42.385、Db:38.547、Dr:80.6
Y:52.4、Cb:140.683、Cr:101.46
Y:47.081、Pb:11.285、Pr:-29.914
7.5BG 2/4近似、完全一致:Munsell 7.5BG 2/4 / #00373e
#003b44
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#003b44
黒まで#003b44
白まで#003b44
前景
<p style="color: #003b44">#003b44前景</p>
#003b44
背景
<p style="background-color: #003b44; color: #fff">#003b44背景</p>
#003b44
境界
<p style="border: #003b44 3px solid">#003b44境界</p>
#003b44
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003b44, #fff); background: -webkit-radial-gradient(50% 50%, #003b44, #fff); background: -o-radial-gradient(50% 50%, #003b44, #fff); background: -ms-radial-gradient(50% 50%, #003b44, #fff); background: radial-gradient(50% 50%, #003b44, #fff); color: #fff">#003b44放射状グラデーション</p>
#003b44
を補足するための#440900
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003b44, #440900); background: -webkit-linear-gradient(top, #003b44, #440900); background: -o-linear-gradient(top, #003b44, #440900); background: -ms-linear-gradient(top, #003b44, #440900); background: linear-gradient(top, #003b44, #440900); color: #fff">
#003b44
を補足するための#440900
線上グラデーション</p>
#003b44
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003b44">#003b44テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#003b44
に関連している順番で並べらられている。関連は、十六進法の色#003b44
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: