色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：