色見本
RGB
CMYK
RYB
#015e6c十六進の色コード十六進の色コード#015e6cシアン色の暗い色合いです。光の三原色RGBにおいて色モデル#015e6cは0.39%の赤色、36.86%の绿色、42.35%の青色でできている。HSLで色彩空間#015e6cは187.85度の色調、98.17%の彩度、21.37%の明るさを有している。この色は約502 nmの波長である。
#015e6c情報反転
#fea193 25% 飽和度
#005e6d 濃淡階調
#363636
25% 明るく
#017587 オリジナル
#015e6c 25% 暗く
#004651
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0e545e ウェブセーフ：teal
#008080
rgb(1, 94, 108)
rgba(1, 94, 108, 1.0)
赤色：0.3922%、黄色：19.9039%、青色：42.3529%
#015e6c
89708
-16687508 / 0xff015e6c
hsl(188, 98%, 21%)
hsla(188, 98%, 21%, 1.0)
色調：188（187.8505）、彩度：99（99.0741）、値：42（42.3529）
X：6.722、Y：9.0946、Z：15.5885
x：0.214、y：0.2896、Y：9.0946
L：36.1657、a：-18.0812、b：-14.6863
L：36.1657、u：-26.4481、v：-17.5498
L：36.1657、C：23.2941、H：219.085
L：30.1572、a：-12.9877、b：-9.5374
シアン色：99（0.9907）、マゼンタ色：13（0.1296）、黄色：0（0）、黒色：58（0.5765）
シアン色：100（0.9961）、マゼンタ色：63（0.6314）、黄色：58（0.5765）
Y：67.789、I：-59.8993、Q：-15.3095
Y：67.789、U：19.788、V：-58.5951
Y：67.789、Db：60.512、Dr：127.007
Y：74.217、Cb：147.91、Cr：86.179
Y：75.199、Pb：17.695、Pr：-47.144
10BG 4/6（近似の）
#015e6c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#015e6c黒まで#015e6c白まで#015e6c前景
<p style="color: #015e6c">#015e6c前景</p>
#015e6c背景
<p style="background-color: #015e6c; color: #fff">#015e6c背景</p>
#015e6c境界
<p style="border: #015e6c 3px solid">#015e6c境界</p>
#015e6c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015e6c, #fff); background: -webkit-radial-gradient(50% 50%, #015e6c, #fff); background: -o-radial-gradient(50% 50%, #015e6c, #fff); background: -ms-radial-gradient(50% 50%, #015e6c, #fff); background: radial-gradient(50% 50%, #015e6c, #fff); color: #fff">#015e6c放射状グラデーション</p>
#015e6cを補足するための#6c0f00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015e6c, #6c0f00); background: -webkit-linear-gradient(top, #015e6c, #6c0f00); background: -o-linear-gradient(top, #015e6c, #6c0f00); background: -ms-linear-gradient(top, #015e6c, #6c0f00); background: linear-gradient(top, #015e6c, #6c0f00); color: #fff">#015e6cを補足するための#6c0f00線上グラデーション</p>
#015e6cテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015e6c">#015e6cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#015e6cに関連している順番で並べらられている。関連は、十六進法の色#015e6cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：