色見本
RGB
CMYK
RYB
#00535f十六進の色コード十六進の色コード#00535fシアン色の暗い色合いです。光の三原色RGBにおいて色モデル#00535fは0%の赤色、32.55%の绿色、37.25%の青色でできている。HSLで色彩空間#00535fは187.58度の色調、100%の彩度、18.63%の明るさを有している。この色は約502 nmの波長である。
#00535f情報反転
#ffaca0 25% 飽和度
#00535f 濃淡階調
#2f2f2f
25% 明るく
#006776 オリジナル
#00535f 25% 暗く
#003e47
darkslategray／darkslategrey
#2f4f4f 25% 不飽和度
#0b4a53 ウェブセーフ：teal
#008080
rgb(0, 83, 95)
rgba(0, 83, 95, 1.0)
赤色：0%、黄色：17.3717%、青色：37.2549%
#00535f
21343
-16755873 / 0xff00535f
hsl(188, 100%, 19%)
hsla(188, 100%, 19%, 1.0)
色調：188（187.5789）、彩度：100（100）、値：37（37.2549）
X：5.1588、Y：7.0127、Z：11.9082
x：0.2142、y：0.2912、Y：7.0127
L：31.8359、a：-16.879、b：-13.1685
L：31.8359、u：-23.4142、v：-15.0086
L：31.8359、C：21.4082、H：217.9602
L：26.4816、a：-11.5696、b：-8.1243
シアン色：100（1）、マゼンタ色：13（0.1263）、黄色：0（0）、黒色：63（0.6275）
シアン色：100（1）、マゼンタ色：67（0.6745）、黄色：63（0.6275）
Y：59.551、I：-53.2996、Q：-13.8172
Y：59.551、U：17.4446、V：-52.2451
Y：59.551、Db：53.346、Dr：113.243
Y：67.142、Cb：145.552、Cr：90.711
Y：66.185、Pb：15.545、Pr：-42.052
10BG 3/4近似、完全一致：Munsell 10BG 3/4 / #144f5b
#00535f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#00535f黒まで#00535f白まで#00535f前景
<p style="color: #00535f">#00535f前景</p>
#00535f背景
<p style="background-color: #00535f; color: #fff">#00535f背景</p>
#00535f境界
<p style="border: #00535f 3px solid">#00535f境界</p>
#00535f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00535f, #fff); background: -webkit-radial-gradient(50% 50%, #00535f, #fff); background: -o-radial-gradient(50% 50%, #00535f, #fff); background: -ms-radial-gradient(50% 50%, #00535f, #fff); background: radial-gradient(50% 50%, #00535f, #fff); color: #fff">#00535f放射状グラデーション</p>
#00535fを補足するための#5f0b00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00535f, #5f0b00); background: -webkit-linear-gradient(top, #00535f, #5f0b00); background: -o-linear-gradient(top, #00535f, #5f0b00); background: -ms-linear-gradient(top, #00535f, #5f0b00); background: linear-gradient(top, #00535f, #5f0b00); color: #fff">#00535fを補足するための#5f0b00線上グラデーション</p>
#00535fテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00535f">#00535fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00535fに関連している順番で並べらられている。関連は、十六進法の色#00535fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：