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