#2095c5
十六進の色コード十六進の色コード#2095c5
シアン色の色合いです。光の三原色RGBにおいて色モデル#2095c5
は12.55%の赤色、58.43%の绿色、77.25%の青色でできている。HSLで色彩空間#2095c5
は197.45度の色調、72.05%の彩度、44.9%の明るさを有している。この色は約496 nmの波長である。Tollens T2001-3はペイントカラーに調和している。
#2095c5
情報反転
#df6a3a 25% 飽和度
#0b9dd9 濃淡階調
#727272
rgb(32, 149, 197)
rgba(32, 149, 197, 1.0)
赤色:12.549%、黄色:39.3951%、青色:77.2549%
#2095c5
2135493
-14641723 / 0xff2095c5
hsl(197, 72%, 45%)
hsla(197, 72%, 45%, 1.0)
色調:197(197.4545)、彩度:84(83.7563)、値:77(77.2549)
X:21.4212、Y:25.8332、Z:56.6806
x:0.2061、y:0.2486、Y:25.8332
L:57.8784、a:-14.1626、b:-33.5107
L:57.8784、u:-37.5025、v:-50.2292
L:57.8784、C:36.3806、H:247.0897
L:50.8264、a:-13.7159、b:-30.5407
シアン色:84(0.8376)、マゼンタ色:24(0.2437)、黄色:0(0)、黒色:23(0.2275)
シアン色:87(0.8745)、マゼンタ色:42(0.4157)、黄色:23(0.2275)
Y:119.489、I:-85.1194、Q:-9.8059
Y:119.489、U:38.1437、V:-76.7555
Y:119.489、Db:116.634、Dr:166.377
Y:118.626、Cb:166.388、Cr:73.229
Y:127.535、Pb:37.455、Pr:-60.708
7.5B 6/8近似、完全一致:Munsell 7.5B 6/8 / #399ece
#2095c5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2095c5
黒まで#2095c5
白まで#2095c5
前景
<p style="color: #2095c5">#2095c5前景</p>
#2095c5
背景
<p style="background-color: #2095c5; color: #fff">#2095c5背景</p>
#2095c5
境界
<p style="border: #2095c5 3px solid">#2095c5境界</p>
#2095c5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2095c5, #fff); background: -webkit-radial-gradient(50% 50%, #2095c5, #fff); background: -o-radial-gradient(50% 50%, #2095c5, #fff); background: -ms-radial-gradient(50% 50%, #2095c5, #fff); background: radial-gradient(50% 50%, #2095c5, #fff); color: #fff">#2095c5放射状グラデーション</p>
#2095c5
を補足するための#c54f20
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2095c5, #c54f20); background: -webkit-linear-gradient(top, #2095c5, #c54f20); background: -o-linear-gradient(top, #2095c5, #c54f20); background: -ms-linear-gradient(top, #2095c5, #c54f20); background: linear-gradient(top, #2095c5, #c54f20); color: #fff">
#2095c5
を補足するための#c54f20
線上グラデーション</p>
#2095c5
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2095c5">#2095c5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2095c5
に関連している順番で並べらられている。関連は、十六進法の色#2095c5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: