#61b093
十六進の色コード十六進の色コード#61b093
青シアン色の色合いです。光の三原色RGBにおいて色モデル#61b093
は38.04%の赤色、69.02%の绿色、57.65%の青色でできている。HSLで色彩空間#61b093
は157.97度の色調、33.33%の彩度、53.53%の明るさを有している。この色は約521 nmの波長である。
#61b093
情報反転
#9e4f6c 25% 飽和度
#57b995 濃淡階調
#888888
rgb(97, 176, 147)
rgba(97, 176, 147, 1.0)
赤色:38.0392%、黄色:57.0117%、青色:69.0196%
#61b093
6402195
-10375021 / 0xff61b093
hsl(158, 33%, 54%)
hsla(158, 33%, 54%, 1.0)
色調:158(157.9747)、彩度:45(44.8864)、値:69(69.0196)
X:25.7216、Y:35.6986、Z:33.1386
x:0.272、y:0.3775、Y:35.6986
L:66.289、a:-31.2819、b:7.3469
L:66.289、u:-36.2776、v:15.5191
L:66.289、C:32.1331、H:166.783
L:59.7483、a:-27.7156、b:8.9394
シアン色:45(0.4489)、マゼンタ色:0(0)、黄色:16(0.1648)、黒色:31(0.3098)
シアン色:62(0.6196)、マゼンタ色:31(0.3098)、黄色:42(0.4235)
Y:149.073、I:-37.7449、Q:-25.7279
Y:149.073、U:-1.019、V:-45.6847
Y:149.073、Db:-3.107、Dr:99.014
Y:144.039、Cb:126.961、Cr:95.378
Y:157.085、Pb:-5.415、Pr:-38.166
5G 6/6近似、完全一致:Munsell 5G 6/6 / #5ba286
#61b093
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#61b093
黒まで#61b093
白まで#61b093
前景
<p style="color: #61b093; background-color: #000">#61b093前景</p>
#61b093
背景
<p style="background-color: #61b093">#61b093背景</p>
#61b093
境界
<p style="border: #61b093 3px solid">#61b093境界</p>
#61b093
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #61b093, #fff); background: -webkit-radial-gradient(50% 50%, #61b093, #fff); background: -o-radial-gradient(50% 50%, #61b093, #fff); background: -ms-radial-gradient(50% 50%, #61b093, #fff); background: radial-gradient(50% 50%, #61b093, #fff)">#61b093放射状グラデーション</p>
#61b093
を補足するための#b0617d
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #61b093, #b0617d); background: -webkit-linear-gradient(top, #61b093, #b0617d); background: -o-linear-gradient(top, #61b093, #b0617d); background: -ms-linear-gradient(top, #61b093, #b0617d); background: linear-gradient(top, #61b093, #b0617d); color: #000">
#61b093
を補足するための#b0617d
線上グラデーション</p>
#61b093
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #61b093">#61b093テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#61b093
に関連している順番で並べらられている。関連は、十六進法の色#61b093
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: