#005f6b
十六進の色コード十六進の色コード#005f6b
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#005f6b
は0%の赤色、37.25%の绿色、41.96%の青色でできている。HSLで色彩空間#005f6b
は186.73度の色調、100%の彩度、20.98%の明るさを有している。この色は約502 nmの波長である。Focoltone 3444はペイントカラーに調和している。
#005f6b
情報反転
#ffa094 25% 飽和度
#005e6b 濃淡階調
#353535
25% 明るく
#007685 オリジナル
#005f6b 25% 暗く
#004750
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0d545d ウェブセーフ:teal
#008080
rgb(0, 95, 107)
rgba(0, 95, 107, 1.0)
赤色:0%、黄色:19.734%、青色:41.9608%
#005f6b
24427
-16752789 / 0xff005f6b
hsl(187, 100%, 21%)
hsla(187, 100%, 21%, 1.0)
色調:187(186.729)、彩度:100(100)、値:42(41.9608)
X:6.7461、Y:9.246、Z:15.339
x:0.2153、y:0.2951、Y:9.246
L:36.4536、a:-19.0756、b:-13.6288
L:36.4536、u:-26.9624、v:-15.9668
L:36.4536、C:23.444、H:215.5445
L:30.4072、a:-13.611、b:-8.6241
シアン色:100(1)、マゼンタ色:11(0.1121)、黄色:0(0)、黒色:58(0.5804)
シアン色:100(1)、マゼンタ色:63(0.6275)、黄色:58(0.5804)
Y:67.963、I:-60.4482、Q:-16.3547
Y:67.963、U:19.2103、V:-59.6251
Y:67.963、Db:58.746、Dr:129.239
Y:74.366、Cb:147.328、Cr:85.443
Y:75.629、Pb:16.925、Pr:-48.052
10BG 4/6(近似の)
#005f6b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#005f6b
黒まで#005f6b
白まで#005f6b
前景
<p style="color: #005f6b">#005f6b前景</p>
#005f6b
背景
<p style="background-color: #005f6b; color: #fff">#005f6b背景</p>
#005f6b
境界
<p style="border: #005f6b 3px solid">#005f6b境界</p>
#005f6b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #005f6b, #fff); background: -webkit-radial-gradient(50% 50%, #005f6b, #fff); background: -o-radial-gradient(50% 50%, #005f6b, #fff); background: -ms-radial-gradient(50% 50%, #005f6b, #fff); background: radial-gradient(50% 50%, #005f6b, #fff); color: #fff">#005f6b放射状グラデーション</p>
#005f6b
を補足するための#6b0b00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #005f6b, #6b0b00); background: -webkit-linear-gradient(top, #005f6b, #6b0b00); background: -o-linear-gradient(top, #005f6b, #6b0b00); background: -ms-linear-gradient(top, #005f6b, #6b0b00); background: linear-gradient(top, #005f6b, #6b0b00); color: #fff">
#005f6b
を補足するための#6b0b00
線上グラデーション</p>
#005f6b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #005f6b">#005f6bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#005f6b
に関連している順番で並べらられている。関連は、十六進法の色#005f6b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: