#02503d
十六進の色コード十六進の色コード#02503d
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02503d
は0.78%の赤色、31.37%の绿色、23.92%の青色でできている。HSLで色彩空間#02503d
は165.38度の色調、95.12%の彩度、16.08%の明るさを有している。この色は約516 nmの波長である。
#02503d
情報反転
#fdafc2 25% 飽和度
#00513e 濃淡階調
#282828
25% 明るく
#02644c オリジナル
#02503d 25% 暗く
#013c2d
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b4638 ウェブセーフ:teal
#008080
rgb(2, 80, 61)
rgba(2, 80, 61, 1.0)
赤色:0.7843%、黄色:18.1995%、青色:31.3725%
#02503d
151613
-16625603 / 0xff02503d
hsl(165, 95%, 16%)
hsla(165, 95%, 16%, 1.0)
色調:165(165.3846)、彩度:98(97.5)、値:31(31.3725)
X:3.736、Y:6.0871、Z:5.3929
x:0.2455、y:0.4、Y:6.0871
L:29.6313、a:-26.6824、b:5.2259
L:29.6313、u:-24.4521、v:9.3341
L:29.6313、C:27.1893、H:168.9186
L:24.6721、a:-16.1468、b:4.3107
シアン色:98(0.975)、マゼンタ色:0(0)、黄色:24(0.2375)、黒色:69(0.6863)
シアン色:99(0.9922)、マゼンタ色:69(0.6863)、黄色:76(0.7608)
Y:54.512、I:-40.3619、Q:-22.4051
Y:54.512、U:3.1929、V:-46.0698
Y:54.512、Db:9.773、Dr:99.851
Y:62.812、Cb:131.203、Cr:95.107
Y:62.018、Pb:-0.53、Pr:-38.126
5G 3/6(近似の)
#02503d
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02503d
黒まで#02503d
白まで#02503d
前景
<p style="color: #02503d">#02503d前景</p>
#02503d
背景
<p style="background-color: #02503d; color: #fff">#02503d背景</p>
#02503d
境界
<p style="border: #02503d 3px solid">#02503d境界</p>
#02503d
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02503d, #fff); background: -webkit-radial-gradient(50% 50%, #02503d, #fff); background: -o-radial-gradient(50% 50%, #02503d, #fff); background: -ms-radial-gradient(50% 50%, #02503d, #fff); background: radial-gradient(50% 50%, #02503d, #fff); color: #fff">#02503d放射状グラデーション</p>
#02503d
を補足するための#500114
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02503d, #500114); background: -webkit-linear-gradient(top, #02503d, #500114); background: -o-linear-gradient(top, #02503d, #500114); background: -ms-linear-gradient(top, #02503d, #500114); background: linear-gradient(top, #02503d, #500114); color: #fff">
#02503d
を補足するための#500114
線上グラデーション</p>
#02503d
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02503d">#02503dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02503d
に関連している順番で並べらられている。関連は、十六進法の色#02503d
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: