#cf5c74
十六進の色コード十六進の色コード#cf5c74
ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#cf5c74
は81.18%の赤色、36.08%の绿色、45.49%の青色でできている。HSLで色彩空間#cf5c74
は347.48度の色調、54.5%の彩度、58.63%の明るさを有している。この色は約401 nmの波長である。
#cf5c74
情報反転
#30a38b 25% 飽和度
#dd4d6b 濃淡階調
#959595
rgb(207, 92, 116)
rgba(207, 92, 116, 1.0)
赤色:81.1765%、黄色:36.0784%、青色:45.4902%
#cf5c74
13589620
-3187596 / 0xffcf5c74
hsl(347, 55%, 59%)
hsla(347, 55%, 59%, 1.0)
色調:347(347.4783)、彩度:56(55.5556)、値:81(81.1765)
X:32.7117、Y:22.1806、Z:19.0802
x:0.4422、y:0.2998、Y:22.1806
L:54.2181、a:47.7307、b:9.1467
L:54.2181、u:78.7568、v:2.7981
L:54.2181、C:48.5992、H:10.8481
L:47.0963、a:41.562、b:8.9472
シアン色:0(0)、マゼンタ色:56(0.5556)、黄色:44(0.4396)、黒色:19(0.1882)
シアン色:19(0.1882)、マゼンタ色:64(0.6392)、黄色:55(0.5451)
Y:129.121、I:60.797、Q:31.7847
Y:129.121、U:-6.455、V:68.3248
Y:129.121、Db:-19.758、Dr:-148.087
Y:126.935、Cb:121.516、Cr:176.781
Y:118.223、Pb:-1.225、Pr:56.396
2.5R 5/10近似、完全一致:Munsell 2.5R 5/10 / #c65668
#cf5c74
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#cf5c74
黒まで#cf5c74
白まで#cf5c74
前景
<p style="color: #cf5c74; background-color: #000">#cf5c74前景</p>
#cf5c74
背景
<p style="background-color: #cf5c74">#cf5c74背景</p>
#cf5c74
境界
<p style="border: #cf5c74 3px solid">#cf5c74境界</p>
#cf5c74
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #cf5c74, #fff); background: -webkit-radial-gradient(50% 50%, #cf5c74, #fff); background: -o-radial-gradient(50% 50%, #cf5c74, #fff); background: -ms-radial-gradient(50% 50%, #cf5c74, #fff); background: radial-gradient(50% 50%, #cf5c74, #fff)">#cf5c74放射状グラデーション</p>
#cf5c74
を補足するための#5ccfb7
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #cf5c74, #5ccfb7); background: -webkit-linear-gradient(top, #cf5c74, #5ccfb7); background: -o-linear-gradient(top, #cf5c74, #5ccfb7); background: -ms-linear-gradient(top, #cf5c74, #5ccfb7); background: linear-gradient(top, #cf5c74, #5ccfb7); color: #000">
#cf5c74
を補足するための#5ccfb7
線上グラデーション</p>
#cf5c74
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #cf5c74">#cf5c74テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#cf5c74
に関連している順番で並べらられている。関連は、十六進法の色#cf5c74
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: