#bccf6e
十六進の色コード十六進の色コード#bccf6e
黄緑色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#bccf6e
は73.73%の赤色、81.18%の绿色、43.14%の青色でできている。HSLで色彩空間#bccf6e
は71.75度の色調、50.26%の彩度、62.16%の明るさを有している。この色は約575 nmの波長である。
#bccf6e
情報反転
#433091 25% 飽和度
#c3db61 濃淡階調
#9e9e9e
rgb(188, 207, 110)
rgba(188, 207, 110, 1.0)
赤色:43.1373%、黄色:81.1765%、青色:50.5882%
#bccf6e
12373870
-4403346 / 0xffbccf6e
hsl(72, 50%, 62%)
hsla(72, 50%, 62%, 1.0)
色調:72(71.7526)、彩度:47(46.8599)、値:81(81.1765)
X:45.8663、Y:56.4428、Z:23.229
x:0.3654、y:0.4496、Y:56.4428
L:79.8652、a:-21.0291、b:45.7796
L:79.8652、u:-7.4402、v:61.8875
L:79.8652、C:50.3785、H:114.672
L:75.1284、a:-22.4995、b:34.258
シアン色:9(0.0918)、マゼンタ色:0(0)、黄色:47(0.4686)、黒色:19(0.1882)
シアン色:26(0.2627)、マゼンタ色:19(0.1882)、黄色:57(0.5686)
Y:190.261、I:19.8439、Q:-34.1978
Y:190.261、U:-39.4945、V:-1.984
Y:190.261、Db:-120.751、Dr:4.278
Y:179.424、Cb:88.229、Cr:126.546
Y:195.969、Pb:-46.315、Pr:-5.038
5GY 8/8近似、完全一致:Munsell 5GY 8/8 / #c1d36b
#bccf6e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#bccf6e
黒まで#bccf6e
白まで#bccf6e
前景
<p style="color: #bccf6e; background-color: #000">#bccf6e前景</p>
#bccf6e
背景
<p style="background-color: #bccf6e">#bccf6e背景</p>
#bccf6e
境界
<p style="border: #bccf6e 3px solid">#bccf6e境界</p>
#bccf6e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #bccf6e, #fff); background: -webkit-radial-gradient(50% 50%, #bccf6e, #fff); background: -o-radial-gradient(50% 50%, #bccf6e, #fff); background: -ms-radial-gradient(50% 50%, #bccf6e, #fff); background: radial-gradient(50% 50%, #bccf6e, #fff)">#bccf6e放射状グラデーション</p>
#bccf6e
を補足するための#806ecf
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #bccf6e, #806ecf); background: -webkit-linear-gradient(top, #bccf6e, #806ecf); background: -o-linear-gradient(top, #bccf6e, #806ecf); background: -ms-linear-gradient(top, #bccf6e, #806ecf); background: linear-gradient(top, #bccf6e, #806ecf); color: #000">
#bccf6e
を補足するための#806ecf
線上グラデーション</p>
#bccf6e
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #bccf6e">#bccf6eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#bccf6e
に関連している順番で並べらられている。関連は、十六進法の色#bccf6e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: