7ca4c2颜色信息
在RGB颜色空间中,#7ca4c2由48.63%红色,64.31%绿色和76.08%蓝色组成,十进制红色值为124,绿色值为164,蓝色值为194。在CMKY色彩空间中,他由36.08%青色,15.46%品红色,0.0%黄色和23.92%黑色组成。最接近的网页安全颜色是:#6699cc。
- R48.6
- G64.3
- B76.1
- C36.1
- M15.5
- Y0.0
- K23.9
颜色转换
#7ca4c2十进制的RGB值为R:124,G:164,B:194。CMYK值为C:36.083,M:15.463,Y:0.0,K:23.922
| RGB | 124,164,194 |
|---|---|
| 百分比 | 48.63%,64.31%,76.08% |
| 十六进制 | 7ca4c2 |
| 十进制 | 8168642 |
| 二进制 | 01111100,10100100,11000010 |
| CMYK | 36.083,15.463,0.0,23.922 |
| CMYK百分比 | 36%,15%,0%,24% |
| CMY | 0.514,0.357,0.239 |
| CMY百分比 | 51%,36%,24% |
| HSL | 205.71°,36.46,62.35 |
| HSV(or HSB) | 205.71°,36.082,76.08 |
| XYZ | 31.323,34.73,56.089 |
|---|---|
| xyY | 0.256,0.284,34.73 |
| CIE-LAB | 65.538,-6.092,-19.742 |
| CIE-LUV | 65.538,-20.408,-29.424 |
| CIE-LCH/LCHab | 65.538,20.661,252.851 |
| CIE-LUV/LCHuv | 65.538,35.809,235.255 |
| Hunter-Lab | 58.932,-8.256,-15.177 |
| YIQ | 155.46,-33.475,0.876 |
| YUV | 155.46,18.96684,-27.6003 |
| 网页安全色 | #6699cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#7ca4c2在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
7ca4c2色度/色彩
通过调整亮度或饱和度,可以得到#7ca4c2向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #4c7ea3
#4c7ea3rgb(76,126,163) - #467496
#467496rgb(70,116,150) - #406989
#406989rgb(64,105,137) - #395f7b
#395f7brgb(57,95,123) - #33556e
#33556ergb(51,85,110) - #2d4a61
#2d4a61rgb(45,74,97) - #274053
#274053rgb(39,64,83) - #203646
#203646rgb(32,54,70) - #1a2b38
#1a2b38rgb(26,43,56) - #14212b
#14212brgb(20,33,43) - #0e171e
#0e171ergb(14,23,30) - #080d10
#080d10rgb(8,13,16) - #010203
#010203rgb(1,2,3)
- #5488af
#5488afrgb(84,136,175) - #6191b6
#6191b6rgb(97,145,182) - #6f9bbc
#6f9bbcrgb(111,155,188) - #7ca4c2
#7ca4c2rgb(124,164,194) - #89adc8
#89adc8rgb(137,173,200) - #97b7ce
#97b7cergb(151,183,206) - #a4c0d5
#a4c0d5rgb(164,192,213) - #b2c9db
#b2c9dbrgb(178,201,219) - #bfd2e1
#bfd2e1rgb(191,210,225) - #ccdce7
#ccdce7rgb(204,220,231) - #dae5ee
#dae5eergb(218,229,238) - #e7eef4
#e7eef4rgb(231,238,244) - #f4f8fa
#f4f8fargb(244,248,250)
色调
通过添加灰色或调整饱和度,可以探索#7ca4c2在不同色调下的表现,从而获得更丰富的视觉情绪。
- #9aa0a4
#9aa0a4rgb(154,160,164) - #92a1ac
#92a1acrgb(146,161,172) - #8ba2b3
#8ba2b3rgb(139,162,179) - #83a3bb
#83a3bbrgb(131,163,187) - #7ca4c2
#7ca4c2rgb(124,164,194) - #75a5c9
#75a5c9rgb(117,165,201) - #6da6d1
#6da6d1rgb(109,166,209) - #66a7d8
#66a7d8rgb(102,167,216) - #5ea8e0
#5ea8e0rgb(94,168,224) - #57a9e7
#57a9e7rgb(87,169,231) - #50aaee
#50aaeergb(80,170,238) - #48abf6
#48abf6rgb(72,171,246) - #41acfd
#41acfdrgb(65,172,253)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#7ca4c2的相关代码。
#7ca4c2文本颜色
此段文字的字体颜色为#7ca4c2.
<span style="color:#7ca4c2;">文本</span>#7ca4c2背景颜色
此段背景颜色为#7ca4c2.
<p style="background-color:#7ca4c2;">文本</p>#7ca4c2边框颜色
这个边框颜色为#7ca4c2.
<div style="border:1px solid #7ca4c2;">文本</div>CSS代码
.text{color:#7ca4c2}.background{background-color:#7ca4c2}.border{border:1px solid#7ca4c2}
