#4a95a3
十六進の色コード十六進の色コード#4a95a3
シアン色の色合いです。光の三原色RGBにおいて色モデル#4a95a3
は29.02%の赤色、58.43%の绿色、63.92%の青色でできている。HSLで色彩空間#4a95a3
は189.44度の色調、37.55%の彩度、46.47%の明るさを有している。この色は約501 nmの波長である。Valspar Paint Aqua Danceはペイントカラーに調和している。
#4a95a3
情報反転
#b56a5c 25% 飽和度
#3e9cae 濃淡階調
#767676
rgb(74, 149, 163)
rgba(74, 149, 163, 1.0)
赤色:29.0196%、黄色:44.9809%、青色:63.9216%
#4a95a3
4887971
-11889245 / 0xff4a95a3
hsl(189, 38%, 46%)
hsla(189, 38%, 46%, 1.0)
色調:189(189.4382)、彩度:55(54.6012)、値:64(63.9216)
X:20.1823、Y:25.5951、Z:38.527
x:0.2394、y:0.3036、Y:25.5951
L:57.6507、a:-19.1637、b:-14.4754
L:57.6507、u:-31.8507、v:-18.7963
L:57.6507、C:24.0163、H:217.0657
L:50.5916、a:-17.3268、b:-9.7369
シアン色:55(0.546)、マゼンタ色:9(0.0859)、黄色:0(0)、黒色:36(0.3608)
シアン色:71(0.7098)、マゼンタ色:42(0.4157)、黄色:36(0.3608)
Y:128.171、I:-49.1764、Q:-11.5033
Y:128.171、U:17.1402、V:-47.5251
Y:128.171、Db:52.412、Dr:103.013
Y:126.088、Cb:145.246、Cr:94.081
Y:134.033、Pb:15.625、Pr:-38.144
10BG 6/6近似、完全一致:Munsell 10BG 6/6 / #45a1b1
#4a95a3
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#4a95a3
黒まで#4a95a3
白まで#4a95a3
前景
<p style="color: #4a95a3; background-color: #000">#4a95a3前景</p>
#4a95a3
背景
<p style="background-color: #4a95a3">#4a95a3背景</p>
#4a95a3
境界
<p style="border: #4a95a3 3px solid">#4a95a3境界</p>
#4a95a3
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4a95a3, #fff); background: -webkit-radial-gradient(50% 50%, #4a95a3, #fff); background: -o-radial-gradient(50% 50%, #4a95a3, #fff); background: -ms-radial-gradient(50% 50%, #4a95a3, #fff); background: radial-gradient(50% 50%, #4a95a3, #fff)">#4a95a3放射状グラデーション</p>
#4a95a3
を補足するための#a2574a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4a95a3, #a2574a); background: -webkit-linear-gradient(top, #4a95a3, #a2574a); background: -o-linear-gradient(top, #4a95a3, #a2574a); background: -ms-linear-gradient(top, #4a95a3, #a2574a); background: linear-gradient(top, #4a95a3, #a2574a); color: #000">
#4a95a3
を補足するための#a2574a
線上グラデーション</p>
#4a95a3
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #4a95a3">#4a95a3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#4a95a3
に関連している順番で並べらられている。関連は、十六進法の色#4a95a3
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: