#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: