色見本
RGB
CMYK
RYB
#52b4a6十六進の色コード十六進の色コード#52b4a6シアン色の色合いです。光の三原色RGBにおいて色モデル#52b4a6は32.16%の赤色、70.59%の绿色、65.1%の青色でできている。HSLで色彩空間#52b4a6は171.43度の色調、39.52%の彩度、51.37%の明るさを有している。この色は約512 nmの波長である。
#52b4a6情報反転
#ad4b59 25% 飽和度
#45c0ae 濃淡階調
#838383
rgb(82, 180, 166)
rgba(82, 180, 166, 1.0)
赤色：32.1569%、黄色：52.8507%、青色：70.5882%
#52b4a6
5420198
-11357018 / 0xff52b4a6
hsl(171, 40%, 51%)
hsla(171, 40%, 51%, 1.0)
色調：171（171.4286）、彩度：54（54.4444）、値：71（70.5882）
X：26.6839、Y：37.1895、Z：41.8483
x：0.2524、y：0.3518、Y：37.1895
L：67.419、a：-32.1685、b：-1.587
L：67.419、u：-41.6517、v：2.658
L：67.419、C：32.2076、H：182.8243
L：60.9832、a：-28.616、b：2.0019
シアン色：54（0.5444）、マゼンタ色：0（0）、黄色：8（0.0778）、黒色：29（0.2941）
シアン色：68（0.6784）、マゼンタ色：29（0.2941）、黄色：35（0.349）
Y：149.102、I：-53.8825、Q：-25.0786
Y：149.102、U：8.3165、V：-58.8699
Y：149.102、Db：25.438、Dr：127.596
Y：144.062、Cb：136.358、Cr：85.972
Y：158.118、Pb：4.27、Pr：-48.356
10G 7/6近似、完全一致：Munsell 10G 7/6 / #6fbdad
#52b4a6配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#52b4a6黒まで#52b4a6白まで#52b4a6前景
<p style="color: #52b4a6; background-color: #000">#52b4a6前景</p>
#52b4a6背景
<p style="background-color: #52b4a6">#52b4a6背景</p>
#52b4a6境界
<p style="border: #52b4a6 3px solid">#52b4a6境界</p>
#52b4a6放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #52b4a6, #fff); background: -webkit-radial-gradient(50% 50%, #52b4a6, #fff); background: -o-radial-gradient(50% 50%, #52b4a6, #fff); background: -ms-radial-gradient(50% 50%, #52b4a6, #fff); background: radial-gradient(50% 50%, #52b4a6, #fff)">#52b4a6放射状グラデーション</p>
#52b4a6を補足するための#b4525f線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #52b4a6, #b4525f); background: -webkit-linear-gradient(top, #52b4a6, #b4525f); background: -o-linear-gradient(top, #52b4a6, #b4525f); background: -ms-linear-gradient(top, #52b4a6, #b4525f); background: linear-gradient(top, #52b4a6, #b4525f); color: #000">#52b4a6を補足するための#b4525f線上グラデーション</p>
#52b4a6テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #52b4a6">#52b4a6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#52b4a6に関連している順番で並べらられている。関連は、十六進法の色#52b4a6の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：