色見本
RGB
CMYK
RYB
#02b8ba十六進の色コード十六進の色コード#02b8baシアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02b8baは0.78%の赤色、72.16%の绿色、72.94%の青色でできている。HSLで色彩空間#02b8baは180.65度の色調、97.87%の彩度、36.86%の明るさを有している。この色は約506 nmの波長である。
#02b8ba情報反転
#fd4745 25% 飽和度
#00b9bb 濃淡階調
#5d5d5d
rgb(2, 184, 186)
rgba(2, 184, 186, 1.0)
赤色：0.7843%、黄色：36.6656%、青色：72.9412%
#02b8ba
178362
-16598854 / 0xff02b8ba
hsl(181, 98%, 37%)
hsla(181, 98%, 37%, 1.0)
色調：181（180.6522）、彩度：99（98.9247）、値：73（72.9412）
X：26.0285、Y：37.8391、Z：52.3862
x：0.2239、y：0.3255、Y：37.8391
L：67.9018、a：-36.9525、b：-12.0585
L：67.9018、u：-52.2258、v：-13.007
L：67.9018、C：38.8702、H：198.0727
L：61.5135、a：-32.1191、b：-7.4332
シアン色：99（0.9892）、マゼンタ色：1（0.0108）、黄色：0（0）、黒色：27（0.2706）
シアン色：99（0.9922）、マゼンタ色：28（0.2784）、黄色：27（0.2706）
Y：129.81、I：-109.0628、Q：-37.8627
Y：129.81、U：27.6515、V：-112.13
Y：129.81、Db：84.566、Dr：243.04
Y：127.478、Cb：155.814、Cr：47.96
Y：145.378、Pb：21.93、Pr：-91.092
5BG 7/8近似、完全一致：Munsell 5BG 7/8 / #3cc1be
#02b8ba配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02b8ba黒まで#02b8ba白まで#02b8ba前景
<p style="color: #02b8ba; background-color: #000">#02b8ba前景</p>
#02b8ba背景
<p style="background-color: #02b8ba">#02b8ba背景</p>
#02b8ba境界
<p style="border: #02b8ba 3px solid">#02b8ba境界</p>
#02b8ba放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b8ba, #fff); background: -webkit-radial-gradient(50% 50%, #02b8ba, #fff); background: -o-radial-gradient(50% 50%, #02b8ba, #fff); background: -ms-radial-gradient(50% 50%, #02b8ba, #fff); background: radial-gradient(50% 50%, #02b8ba, #fff)">#02b8ba放射状グラデーション</p>
#02b8baを補足するための#b90402線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b8ba, #b90402); background: -webkit-linear-gradient(top, #02b8ba, #b90402); background: -o-linear-gradient(top, #02b8ba, #b90402); background: -ms-linear-gradient(top, #02b8ba, #b90402); background: linear-gradient(top, #02b8ba, #b90402); color: #000">#02b8baを補足するための#b90402線上グラデーション</p>
#02b8baテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b8ba">#02b8baテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02b8baに関連している順番で並べらられている。関連は、十六進法の色#02b8baの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：