#02523d
十六進の色コード十六進の色コード#02523d
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02523d
は0.78%の赤色、32.16%の绿色、23.92%の青色でできている。HSLで色彩空間#02523d
は164.25度の色調、95.24%の彩度、16.47%の明るさを有している。この色は約517 nmの波長である。
#02523d
情報反転
#fdadc2 25% 飽和度
#00543d 濃淡階調
#2a2a2a
25% 明るく
#02664c オリジナル
#02523d 25% 暗く
#013d2d
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c4838 ウェブセーフ:teal
#008080
rgb(2, 82, 61)
rgba(2, 82, 61, 1.0)
赤色:0.7843%、黄色:18.8405%、青色:32.1569%
#02523d
152125
-16625091 / 0xff02523d
hsl(164, 95%, 16%)
hsla(164, 95%, 16%, 1.0)
色調:164(164.25)、彩度:98(97.561)、値:32(32.1569)
X:3.8846、Y:6.3844、Z:5.4425
x:0.2472、y:0.4064、Y:6.3844
L:30.3623、a:-27.6082、b:6.262
L:30.3623、u:-25.2069、v:10.6964
L:30.3623、C:28.3094、H:167.2205
L:25.2674、a:-16.7752、b:4.9165
シアン色:98(0.9756)、マゼンタ色:0(0)、黄色:26(0.2561)、黒色:68(0.6784)
シアン色:99(0.9922)、マゼンタ色:68(0.6784)、黄色:76(0.7608)
Y:55.686、I:-40.9108、Q:-23.4503
Y:55.686、U:2.6152、V:-47.0998
Y:55.686、Db:8.007、Dr:102.083
Y:63.82、Cb:130.621、Cr:94.371
Y:63.448、Pb:-1.3、Pr:-39.034
5G 3/6(近似の)
#02523d
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02523d
黒まで#02523d
白まで#02523d
前景
<p style="color: #02523d">#02523d前景</p>
#02523d
背景
<p style="background-color: #02523d; color: #fff">#02523d背景</p>
#02523d
境界
<p style="border: #02523d 3px solid">#02523d境界</p>
#02523d
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02523d, #fff); background: -webkit-radial-gradient(50% 50%, #02523d, #fff); background: -o-radial-gradient(50% 50%, #02523d, #fff); background: -ms-radial-gradient(50% 50%, #02523d, #fff); background: radial-gradient(50% 50%, #02523d, #fff); color: #fff">#02523d放射状グラデーション</p>
#02523d
を補足するための#520216
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02523d, #520216); background: -webkit-linear-gradient(top, #02523d, #520216); background: -o-linear-gradient(top, #02523d, #520216); background: -ms-linear-gradient(top, #02523d, #520216); background: linear-gradient(top, #02523d, #520216); color: #fff">
#02523d
を補足するための#520216
線上グラデーション</p>
#02523d
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02523d">#02523dテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02523d
に関連している順番で並べらられている。関連は、十六進法の色#02523d
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: