#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: