#02595f
十六進の色コード十六進の色コード#02595f
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02595f
は0.78%の赤色、34.9%の绿色、37.25%の青色でできている。HSLで色彩空間#02595f
は183.87度の色調、95.88%の彩度、19.02%の明るさを有している。この色は約504 nmの波長である。
#02595f
情報反転
#fda6a0 25% 飽和度
#005a61 濃淡階調
#303030
25% 明るく
#026f76 オリジナル
#02595f 25% 暗く
#014247
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0d4e53 ウェブセーフ:teal
#008080
rgb(2, 89, 95)
rgba(2, 89, 95, 1.0)
赤色:0.7843%、黄色:18.4118%、青色:37.2549%
#02595f
153951
-16623265 / 0xff02595f
hsl(184, 96%, 19%)
hsla(184, 96%, 19%, 1.0)
色調:184(183.871)、彩度:98(97.8947)、値:37(37.2549)
X:5.663、Y:7.9839、Z:12.069
x:0.2202、y:0.3105、Y:7.9839
L:33.9493、a:-20.0123、b:-9.9534
L:33.9493、u:-25.4618、v:-10.4895
L:33.9493、C:22.3509、H:206.4441
L:28.2558、a:-13.6729、b:-5.5458
シアン色:98(0.9789)、マゼンタ色:6(0.0632)、黄色:0(0)、黒色:63(0.6275)
シアン色:99(0.9922)、マゼンタ色:65(0.651)、黄色:63(0.6275)
Y:63.671、I:-53.7549、Q:-16.5299
Y:63.671、U:15.4172、V:-54.1051
Y:63.671、Db:47.148、Dr:117.273
Y:70.68、Cb:143.51、Cr:89.381
Y:70.901、Pb:13.005、Pr:-43.776
5BG 3/4近似、完全一致:Munsell 5BG 3/4 / #184f52
#02595f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02595f
黒まで#02595f
白まで#02595f
前景
<p style="color: #02595f">#02595f前景</p>
#02595f
背景
<p style="background-color: #02595f; color: #fff">#02595f背景</p>
#02595f
境界
<p style="border: #02595f 3px solid">#02595f境界</p>
#02595f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02595f, #fff); background: -webkit-radial-gradient(50% 50%, #02595f, #fff); background: -o-radial-gradient(50% 50%, #02595f, #fff); background: -ms-radial-gradient(50% 50%, #02595f, #fff); background: radial-gradient(50% 50%, #02595f, #fff); color: #fff">#02595f放射状グラデーション</p>
#02595f
を補足するための#5f0801
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02595f, #5f0801); background: -webkit-linear-gradient(top, #02595f, #5f0801); background: -o-linear-gradient(top, #02595f, #5f0801); background: -ms-linear-gradient(top, #02595f, #5f0801); background: linear-gradient(top, #02595f, #5f0801); color: #fff">
#02595f
を補足するための#5f0801
線上グラデーション</p>
#02595f
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02595f">#02595fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02595f
に関連している順番で並べらられている。関連は、十六進法の色#02595f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: