#00525b
十六進の色コード十六進の色コード#00525b
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#00525b
は0%の赤色、32.16%の绿色、35.69%の青色でできている。HSLで色彩空間#00525b
は185.93度の色調、100%の彩度、17.84%の明るさを有している。この色は約503 nmの波長である。
#00525b
情報反転
#ffada4 25% 飽和度
#00515b 濃淡階調
#2d2d2d
25% 明るく
#006671 オリジナル
#00525b 25% 暗く
#003d44
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b484f ウェブセーフ:teal
#008080
rgb(0, 82, 91)
rgba(0, 82, 91, 1.0)
赤色:0%、黄色:16.9149%、青色:35.6863%
#00525b
21083
-16756133 / 0xff00525b
hsl(186, 100%, 18%)
hsla(186, 100%, 18%, 1.0)
色調:186(185.9341)、彩度:100(100)、値:36(35.6863)
X:4.9056、Y:6.7899、Z:10.9496
x:0.2166、y:0.2998、Y:6.7899
L:31.3238、a:-17.8209、b:-11.4128
L:31.3238、u:-23.3252、v:-12.4608
L:31.3238、C:21.1622、H:212.6362
L:26.0575、a:-11.9959、b:-6.6739
シアン色:100(1)、マゼンタ色:10(0.0989)、黄色:0(0)、黒色:64(0.6431)
シアン色:100(1)、マゼンタ色:68(0.6784)、黄色:64(0.6431)
Y:58.508、I:-51.7401、Q:-14.5392
Y:58.508、U:15.9895、V:-51.3301
Y:58.508、Db:48.897、Dr:111.259
Y:66.246、Cb:144.087、Cr:91.363
Y:65.182、Pb:13.93、Pr:-41.414
7.5BG 3/4近似、完全一致:Munsell 7.5BG 3/4 / #154f57
#00525b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00525b
黒まで#00525b
白まで#00525b
前景
<p style="color: #00525b">#00525b前景</p>
#00525b
背景
<p style="background-color: #00525b; color: #fff">#00525b背景</p>
#00525b
境界
<p style="border: #00525b 3px solid">#00525b境界</p>
#00525b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00525b, #fff); background: -webkit-radial-gradient(50% 50%, #00525b, #fff); background: -o-radial-gradient(50% 50%, #00525b, #fff); background: -ms-radial-gradient(50% 50%, #00525b, #fff); background: radial-gradient(50% 50%, #00525b, #fff); color: #fff">#00525b放射状グラデーション</p>
#00525b
を補足するための#5b0900
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00525b, #5b0900); background: -webkit-linear-gradient(top, #00525b, #5b0900); background: -o-linear-gradient(top, #00525b, #5b0900); background: -ms-linear-gradient(top, #00525b, #5b0900); background: linear-gradient(top, #00525b, #5b0900); color: #fff">
#00525b
を補足するための#5b0900
線上グラデーション</p>
#00525b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00525b">#00525bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00525b
に関連している順番で並べらられている。関連は、十六進法の色#00525b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: