色見本
RGB
CMYK
RYB
#02b6ae十六進の色コード十六進の色コード#02b6aeシアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02b6aeは0.78%の赤色、71.37%の绿色、68.24%の青色でできている。HSLで色彩空間#02b6aeは177.33度の色調、97.83%の彩度、36.08%の明るさを有している。この色は約508 nmの波長である。
#02b6ae情報反転
#fd4951 25% 飽和度
#00b8af 濃淡階調
#5c5c5c
rgb(2, 182, 174)
rgba(2, 182, 174, 1.0)
赤色：0.7843%、黄色：36.8806%、青色：71.3725%
#02b6ae
177838
-16599378 / 0xff02b6ae
hsl(177, 98%, 36%)
hsla(177, 98%, 36%, 1.0)
色調：177（177.3333）、彩度：99（98.9011）、値：71（71.3725）
X：24.393、Y：36.5248、Z：45.8087
x：0.2286、y：0.3422、Y：36.5248
L：66.919、a：-39.6644、b：-6.8987
L：66.919、u：-52.5055、v：-4.4754
L：66.919、C：40.2598、H：189.8666
L：60.4357、a：-33.7167、b：-2.6353
シアン色：99（0.989）、マゼンタ色：0（0）、黄色：4（0.044）、黒色：29（0.2863）
シアン色：99（0.9922）、マゼンタ色：29（0.2863）、黄色：32（0.3176）
Y：127.268、I：-104.6588、Q：-40.5512
Y：127.268、U：22.9972、V：-109.8999
Y：127.268、Db：70.336、Dr：238.204
Y：125.294、Cb：151.128、Cr：49.548
Y：143.084、Pb：16.7、Pr：-89.632
2.5BG 6/8近似、完全一致：Munsell 2.5BG 6/8 / #12a69a
#02b6ae配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02b6ae黒まで#02b6ae白まで#02b6ae前景
<p style="color: #02b6ae; background-color: #000">#02b6ae前景</p>
#02b6ae背景
<p style="background-color: #02b6ae">#02b6ae背景</p>
#02b6ae境界
<p style="border: #02b6ae 3px solid">#02b6ae境界</p>
#02b6ae放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b6ae, #fff); background: -webkit-radial-gradient(50% 50%, #02b6ae, #fff); background: -o-radial-gradient(50% 50%, #02b6ae, #fff); background: -ms-radial-gradient(50% 50%, #02b6ae, #fff); background: radial-gradient(50% 50%, #02b6ae, #fff)">#02b6ae放射状グラデーション</p>
#02b6aeを補足するための#b60109線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b6ae, #b60109); background: -webkit-linear-gradient(top, #02b6ae, #b60109); background: -o-linear-gradient(top, #02b6ae, #b60109); background: -ms-linear-gradient(top, #02b6ae, #b60109); background: linear-gradient(top, #02b6ae, #b60109); color: #000">#02b6aeを補足するための#b60109線上グラデーション</p>
#02b6aeテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b6ae">#02b6aeテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02b6aeに関連している順番で並べらられている。関連は、十六進法の色#02b6aeの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：