色見本
RGB
CMYK
RYB
#02657f十六進の色コード十六進の色コード#02657fシアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02657fは0.78%の赤色、39.61%の绿色、49.8%の青色でできている。HSLで色彩空間#02657fは192.48度の色調、96.9%の彩度、25.29%の明るさを有している。この色は約499 nmの波長である。
#02657f情報反転
#fd9a80 25% 飽和度
#006681 濃淡階調
#404040
25% 明るく
#027e9e オリジナル
#02657f 25% 暗く
#014b5f
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#115b6f ウェブセーフ：teal
#008080
rgb(2, 101, 127)
rgba(2, 101, 127, 1.0)
赤色：0.7843%、黄色：22.4492%、青色：49.8039%
#02657f
157055
-16620161 / 0xff02657f
hsl(192, 97%, 25%)
hsla(192, 97%, 25%, 1.0)
色調：192（192.48）、彩度：98（98.4252）、値：50（49.8039）
X：8.5095、Y：10.8526、Z：21.7249
x：0.2071、y：0.2641、Y：10.8526
L：39.331、a：-14.8171、b：-21.4698
L：39.331、u：-27.5591、v：-28.2723
L：39.331、C：26.0863、H：235.389
L：32.9432、a：-11.5428、b：-16.0394
シアン色：98（0.9843）、マゼンタ色：20（0.2047）、黄色：0（0）、黒色：50（0.502）
シアン色：99（0.9922）、マゼンタ色：60（0.6039）、黄色：50（0.502）
Y：74.363、I：-67.3287、Q：-12.8446
Y：74.363、U：25.9029、V：-63.4853
Y：74.363、Db：79.208、Dr：137.609
Y：79.864、Cb：154.066、Cr：82.693
Y：81.785、Pb：24.385、Pr：-50.696
5B 4/6近似、完全一致：Munsell 5B 4/6 / #066987
#02657f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02657f黒まで#02657f白まで#02657f前景
<p style="color: #02657f">#02657f前景</p>
#02657f背景
<p style="background-color: #02657f; color: #fff">#02657f背景</p>
#02657f境界
<p style="border: #02657f 3px solid">#02657f境界</p>
#02657f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02657f, #fff); background: -webkit-radial-gradient(50% 50%, #02657f, #fff); background: -o-radial-gradient(50% 50%, #02657f, #fff); background: -ms-radial-gradient(50% 50%, #02657f, #fff); background: radial-gradient(50% 50%, #02657f, #fff); color: #fff">#02657f放射状グラデーション</p>
#02657fを補足するための#7e1c02線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02657f, #7e1c02); background: -webkit-linear-gradient(top, #02657f, #7e1c02); background: -o-linear-gradient(top, #02657f, #7e1c02); background: -ms-linear-gradient(top, #02657f, #7e1c02); background: linear-gradient(top, #02657f, #7e1c02); color: #fff">#02657fを補足するための#7e1c02線上グラデーション</p>
#02657fテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02657f">#02657fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02657fに関連している順番で並べらられている。関連は、十六進法の色#02657fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：