色見本
RGB
CMYK
RYB
#56a797十六進の色コード十六進の色コード#56a797青シアン色の色合いです。光の三原色RGBにおいて色モデル#56a797は33.73%の赤色、65.49%の绿色、59.22%の青色でできている。HSLで色彩空間#56a797は168.15度の色調、32.02%の彩度、49.61%の明るさを有している。この色は約514 nmの波長である。
#56a797情報反転
#a95868 25% 飽和度
#4bb19d 濃淡階調
#7e7e7e
rgb(86, 167, 151)
rgba(86, 167, 151, 1.0)
赤色：33.7255%、黄色：51.3484%、青色：65.4902%
#56a797
5678999
-11098217 / 0xff56a797
hsl(168, 32%, 50%)
hsla(168, 32%, 50%, 1.0)
色調：168（168.1481）、彩度：49（48.503）、値：65（65.4902）
X：23.2424、Y：31.8502、Z：34.2009
x：0.2603、y：0.3567、Y：31.8502
L：63.2189、a：-28.7924、b：0.6313
L：63.2189、u：-36.0087、v：5.3987
L：63.2189、C：28.7993、H：178.744
L：56.436、a：-25.2503、b：3.5748
シアン色：49（0.485）、マゼンタ色：0（0）、黄色：10（0.0958）、黒色：35（0.3451）
シアン色：66（0.6627）、マゼンタ色：35（0.3451）、黄色：41（0.4078）
Y：140.957、I：-43.1128、Q：-22.1061
Y：140.957、U：4.9432、V：-48.2148
Y：140.957、Db：15.122、Dr：104.501
Y：137.068、Cb：132.964、Cr：93.577
Y：148.595、Pb：1.315、Pr：-39.764
10G 6/6近似、完全一致：Munsell 10G 6/6 / #52a293
#56a797配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#56a797黒まで#56a797白まで#56a797前景
<p style="color: #56a797; background-color: #000">#56a797前景</p>
#56a797背景
<p style="background-color: #56a797">#56a797背景</p>
#56a797境界
<p style="border: #56a797 3px solid">#56a797境界</p>
#56a797放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #56a797, #fff); background: -webkit-radial-gradient(50% 50%, #56a797, #fff); background: -o-radial-gradient(50% 50%, #56a797, #fff); background: -ms-radial-gradient(50% 50%, #56a797, #fff); background: radial-gradient(50% 50%, #56a797, #fff)">#56a797放射状グラデーション</p>
#56a797を補足するための#a75665線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #56a797, #a75665); background: -webkit-linear-gradient(top, #56a797, #a75665); background: -o-linear-gradient(top, #56a797, #a75665); background: -ms-linear-gradient(top, #56a797, #a75665); background: linear-gradient(top, #56a797, #a75665); color: #000">#56a797を補足するための#a75665線上グラデーション</p>
#56a797テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #56a797">#56a797テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#56a797に関連している順番で並べらられている。関連は、十六進法の色#56a797の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：