色見本
RGB
CMYK
RYB
#55b3a8十六進の色コード十六進の色コード#55b3a8シアン色の色合いです。光の三原色RGBにおいて色モデル#55b3a8は33.33%の赤色、70.2%の绿色、65.88%の青色でできている。HSLで色彩空間#55b3a8は172.98度の色調、38.21%の彩度、51.76%の明るさを有している。この色は約511 nmの波長である。
#55b3a8情報反転
#aa4c57 25% 飽和度
#49beb0 濃淡階調
#838383
rgb(85, 179, 168)
rgba(85, 179, 168, 1.0)
赤色：33.3333%、黄色：52.9102%、青色：70.1961%
#55b3a8
5616552
-11160664 / 0xff55b3a8
hsl(173, 38%, 52%)
hsla(173, 38%, 52%, 1.0)
色調：173（172.9787）、彩度：53（52.514）、値：70（70.1961）
X：26.9343、Y：36.9986、Z：42.7677
x：0.2524、y：0.3468、Y：36.9986
L：67.276、a：-30.5313、b：-2.8906
L：67.276、u：-40.3567、v：0.4525
L：67.276、C：30.6678、H：185.4084
L：60.8265、a：-27.4057、b：0.8912
シアン色：53（0.5251）、マゼンタ色：0（0）、黄色：6（0.0615）、黒色：30（0.298）
シアン色：67（0.6667）、マゼンタ色：30（0.298）、黄色：34（0.3412）
Y：149.64、I：-52.4634、Q：-23.2993
Y：149.64、U：9.036、V：-56.7099
Y：149.64、Db：27.637、Dr：122.915
Y：144.525、Cb：137.083、Cr：87.515
Y：158.186、Pb：5.31、Pr：-46.494
2.5BG 7/6近似、完全一致：Munsell 2.5BG 7/6 / #6cbdb3
#55b3a8配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#55b3a8黒まで#55b3a8白まで#55b3a8前景
<p style="color: #55b3a8; background-color: #000">#55b3a8前景</p>
#55b3a8背景
<p style="background-color: #55b3a8">#55b3a8背景</p>
#55b3a8境界
<p style="border: #55b3a8 3px solid">#55b3a8境界</p>
#55b3a8放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #55b3a8, #fff); background: -webkit-radial-gradient(50% 50%, #55b3a8, #fff); background: -o-radial-gradient(50% 50%, #55b3a8, #fff); background: -ms-radial-gradient(50% 50%, #55b3a8, #fff); background: radial-gradient(50% 50%, #55b3a8, #fff)">#55b3a8放射状グラデーション</p>
#55b3a8を補足するための#b3545f線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #55b3a8, #b3545f); background: -webkit-linear-gradient(top, #55b3a8, #b3545f); background: -o-linear-gradient(top, #55b3a8, #b3545f); background: -ms-linear-gradient(top, #55b3a8, #b3545f); background: linear-gradient(top, #55b3a8, #b3545f); color: #000">#55b3a8を補足するための#b3545f線上グラデーション</p>
#55b3a8テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #55b3a8">#55b3a8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#55b3a8に関連している順番で並べらられている。関連は、十六進法の色#55b3a8の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：