色見本
RGB
CMYK
RYB
#02523c十六進の色コード十六進の色コード#02523c青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02523cは0.78%の赤色、32.16%の绿色、23.53%の青色でできている。HSLで色彩空間#02523cは163.5度の色調、95.24%の彩度、16.47%の明るさを有している。この色は約517 nmの波長である。
#02523c情報反転
#fdadc3 25% 飽和度
#00543c 濃淡階調
#2a2a2a
25% 明るく
#02664b オリジナル
#02523c 25% 暗く
#013d2d
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0c4837 ウェブセーフ：teal
#008080
rgb(2, 82, 60)
rgba(2, 82, 60, 1.0)
赤色：0.7843%、黄色：18.9713%、青色：32.1569%
#02523c
152124
-16625092 / 0xff02523c
hsl(164, 95%, 16%)
hsla(164, 95%, 16%, 1.0)
色調：164（163.5）、彩度：98（97.561）、値：32（32.1569）
X：3.8579、Y：6.3737、Z：5.3019
x：0.2484、y：0.4103、Y：6.3737
L：30.3364、a：-27.8921、b：6.8573
L：30.3364、u：-25.2717、v：11.3894
L：30.3364、C：28.7227、H：166.1878
L：25.2463、a：-16.904、b：5.2211
シアン色：98（0.9756）、マゼンタ色：0（0）、黄色：27（0.2683）、黒色：68（0.6784）
シアン色：99（0.9922）、マゼンタ色：68（0.6784）、黄色：76（0.7647）
Y：55.572、I：-40.5895、Q：-23.7615
Y：55.572、U：2.1792、V：-46.9998
Y：55.572、Db：6.674、Dr：101.866
Y：63.722、Cb：130.182、Cr：94.442
Y：63.376、Pb：-1.8、Pr：-38.988
5G 3/6（近似の）
#02523c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02523c黒まで#02523c白まで#02523c前景
<p style="color: #02523c">#02523c前景</p>
#02523c背景
<p style="background-color: #02523c; color: #fff">#02523c背景</p>
#02523c境界
<p style="border: #02523c 3px solid">#02523c境界</p>
#02523c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02523c, #fff); background: -webkit-radial-gradient(50% 50%, #02523c, #fff); background: -o-radial-gradient(50% 50%, #02523c, #fff); background: -ms-radial-gradient(50% 50%, #02523c, #fff); background: radial-gradient(50% 50%, #02523c, #fff); color: #fff">#02523c放射状グラデーション</p>
#02523cを補足するための#520217線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02523c, #520217); background: -webkit-linear-gradient(top, #02523c, #520217); background: -o-linear-gradient(top, #02523c, #520217); background: -ms-linear-gradient(top, #02523c, #520217); background: linear-gradient(top, #02523c, #520217); color: #fff">#02523cを補足するための#520217線上グラデーション</p>
#02523cテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02523c">#02523cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02523cに関連している順番で並べらられている。関連は、十六進法の色#02523cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：