色見本
RGB
CMYK
RYB
#02b893十六進の色コード十六進の色コード#02b893青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02b893は0.78%の赤色、72.16%の绿色、57.65%の青色でできている。HSLで色彩空間#02b893は167.8度の色調、97.85%の彩度、36.47%の明るさを有している。この色は約514 nmの波長である。
#02b893情報反転
#fd476c 25% 飽和度
#00ba94 濃淡階調
#5d5d5d
rgb(2, 184, 147)
rgba(2, 184, 147, 1.0)
赤色：0.7843%、黄色：40.5085%、青色：72.1569%
#02b893
178323
-16598893 / 0xff02b893
hsl(168, 98%, 36%)
hsla(168, 98%, 36%, 1.0)
色調：168（167.8022）、彩度：99（98.913）、値：72（72.1569）
X：22.432、Y：36.4005、Z：33.4475
x：0.2431、y：0.3945、Y：36.4005
L：66.8248、a：-48.012、b：7.854
L：66.8248、u：-55.3146、v：18.6916
L：66.8248、C：48.6501、H：170.7096
L：60.3328、a：-39.2154、b：9.3636
シアン色：99（0.9891）、マゼンタ色：0（0）、黄色：20（0.2011）、黒色：28（0.2784）
シアン色：99（0.9922）、マゼンタ色：28（0.2784）、黄色：42（0.4235）
Y：125.364、I：-96.5336、Q：-49.997
Y：125.364、U：10.6475、V：-108.2296
Y：125.364、Db：32.579、Dr：234.577
Y：123.656、Cb：138.693、Cr：50.729
Y：142.57、Pb：2.43、Pr：-89.298
7.5G 7/10近似、完全一致：Munsell 7.5G 7/10 / #19c59f
#02b893配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02b893黒まで#02b893白まで#02b893前景
<p style="color: #02b893; background-color: #000">#02b893前景</p>
#02b893背景
<p style="background-color: #02b893">#02b893背景</p>
#02b893境界
<p style="border: #02b893 3px solid">#02b893境界</p>
#02b893放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b893, #fff); background: -webkit-radial-gradient(50% 50%, #02b893, #fff); background: -o-radial-gradient(50% 50%, #02b893, #fff); background: -ms-radial-gradient(50% 50%, #02b893, #fff); background: radial-gradient(50% 50%, #02b893, #fff)">#02b893放射状グラデーション</p>
#02b893を補足するための#b80126線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b893, #b80126); background: -webkit-linear-gradient(top, #02b893, #b80126); background: -o-linear-gradient(top, #02b893, #b80126); background: -ms-linear-gradient(top, #02b893, #b80126); background: linear-gradient(top, #02b893, #b80126); color: #000">#02b893を補足するための#b80126線上グラデーション</p>
#02b893テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b893">#02b893テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02b893に関連している順番で並べらられている。関連は、十六進法の色#02b893の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：