色見本
RGB
CMYK
RYB
#01504a十六進の色コード十六進の色コード#01504aシアン色の暗い色合いです。光の三原色RGBにおいて色モデル#01504aは0.39%の赤色、31.37%の绿色、29.02%の青色でできている。HSLで色彩空間#01504aは175.44度の色調、97.53%の彩度、15.88%の明るさを有している。この色は約510 nmの波長である。
#01504a情報反転
#feafb5 25% 飽和度
#00514a 濃淡階調
#282828
25% 明るく
#01645c オリジナル
#01504a 25% 暗く
#003b37
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0a4641 ウェブセーフ：teal
#008080
rgb(1, 80, 74)
rgba(1, 80, 74, 1.0)
赤色：0.3922%、黄色：16.4938%、青色：31.3725%
#01504a
86090
-16691126 / 0xff01504a
hsl(175, 98%, 16%)
hsla(175, 98%, 16%, 1.0)
色調：175（175.443）、彩度：99（98.75）、値：31（31.3725）
X：4.1172、Y：6.2382、Z：7.4657
x：0.231、y：0.35、Y：6.2382
L：30.0056、a：-22.6999、b：-2.5389
L：30.0056、u：-23.677、v：-0.3164
L：30.0056、C：22.8414、H：186.3818
L：24.9764、a：-14.2839、b：-0.2389
シアン色：99（0.9875）、マゼンタ色：0（0）、黄色：7（0.075）、黒色：69（0.6863）
シアン色：100（0.9961）、マゼンタ色：69（0.6863）、黄色：71（0.7098）
Y：55.695、I：-45.134、Q：-18.5718
Y：55.695、U：9.0081、V：-47.9849
Y：55.695、Db：27.552、Dr：104.005
Y：63.829、Cb：137.058、Cr：93.745
Y：62.741、Pb：6.085、Pr：-39.224
10G 3/4近似、完全一致：Munsell 10G 3/4 / #205048
#01504a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01504a黒まで#01504a白まで#01504a前景
<p style="color: #01504a">#01504a前景</p>
#01504a背景
<p style="background-color: #01504a; color: #fff">#01504a背景</p>
#01504a境界
<p style="border: #01504a 3px solid">#01504a境界</p>
#01504a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01504a, #fff); background: -webkit-radial-gradient(50% 50%, #01504a, #fff); background: -o-radial-gradient(50% 50%, #01504a, #fff); background: -ms-radial-gradient(50% 50%, #01504a, #fff); background: radial-gradient(50% 50%, #01504a, #fff); color: #fff">#01504a放射状グラデーション</p>
#01504aを補足するための#500006線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01504a, #500006); background: -webkit-linear-gradient(top, #01504a, #500006); background: -o-linear-gradient(top, #01504a, #500006); background: -ms-linear-gradient(top, #01504a, #500006); background: linear-gradient(top, #01504a, #500006); color: #fff">#01504aを補足するための#500006線上グラデーション</p>
#01504aテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01504a">#01504aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01504aに関連している順番で並べらられている。関連は、十六進法の色#01504aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：