色見本
RGB
CMYK
RYB
#60b8bf十六進の色コード十六進の色コード#60b8bfシアン色の色合いです。光の三原色RGBにおいて色モデル#60b8bfは37.65%の赤色、72.16%の绿色、74.9%の青色でできている。HSLで色彩空間#60b8bfは184.42度の色調、42.6%の彩度、56.27%の明るさを有している。この色は約504 nmの波長である。
#60b8bf情報反転
#9f4740 25% 飽和度
#54c2ca 濃淡階調
#8f8f8f
rgb(96, 184, 191)
rgba(96, 184, 191, 1.0)
赤色：37.6471%、黄色：55.562%、青色：74.902%
#60b8bf
6338751
-10438465 / 0xff60b8bf
hsl(184, 43%, 56%)
hsla(184, 43%, 56%, 1.0)
色調：184（184.4211）、彩度：50（49.7382）、値：75（74.902）
X：31.3683、Y：40.5294、Z：55.4599
x：0.2463、y：0.3182、Y：40.5294
L：69.8449、a：-24.4897、b：-11.7153
L：69.8449、u：-38.2311、v：-14.1647
L：69.8449、C：27.1476、H：205.5654
L：63.6627、a：-23.4579、b：-7.0867
シアン色：50（0.4974）、マゼンタ色：4（0.0366）、黄色：0（0）、黒色：25（0.251）
シアン色：62（0.6235）、マゼンタ色：28（0.2784）、黄色：25（0.251）
Y：158.486、I：-54.6718、Q：-16.4302
Y：158.486、U：16.0013、V：-54.8201
Y：158.486、Db：48.931、Dr：118.823
Y：152.126、Cb：144.097、Cr：88.871
Y：165.76、Pb：13.62、Pr：-44.322
7.5BG 7/6近似、完全一致：Munsell 7.5BG 7/6 / #67bcc3
#60b8bf配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#60b8bf黒まで#60b8bf白まで#60b8bf前景
<p style="color: #60b8bf; background-color: #000">#60b8bf前景</p>
#60b8bf背景
<p style="background-color: #60b8bf">#60b8bf背景</p>
#60b8bf境界
<p style="border: #60b8bf 3px solid">#60b8bf境界</p>
#60b8bf放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #60b8bf, #fff); background: -webkit-radial-gradient(50% 50%, #60b8bf, #fff); background: -o-radial-gradient(50% 50%, #60b8bf, #fff); background: -ms-radial-gradient(50% 50%, #60b8bf, #fff); background: radial-gradient(50% 50%, #60b8bf, #fff)">#60b8bf放射状グラデーション</p>
#60b8bfを補足するための#be6760線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #60b8bf, #be6760); background: -webkit-linear-gradient(top, #60b8bf, #be6760); background: -o-linear-gradient(top, #60b8bf, #be6760); background: -ms-linear-gradient(top, #60b8bf, #be6760); background: linear-gradient(top, #60b8bf, #be6760); color: #000">#60b8bfを補足するための#be6760線上グラデーション</p>
#60b8bfテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #60b8bf">#60b8bfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#60b8bfに関連している順番で並べらられている。関連は、十六進法の色#60b8bfの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：