4ca2d7颜色信息
在RGB颜色空间中,#4ca2d7由29.8%红色,63.53%绿色和84.31%蓝色组成,十进制红色值为76,绿色值为162,蓝色值为215。在CMKY色彩空间中,他由64.65%青色,24.65%品红色,0.0%黄色和15.69%黑色组成。最接近的网页安全颜色是:#3399cc。
- R29.8
- G63.5
- B84.3
- C64.7
- M24.7
- Y0.0
- K15.7
颜色转换
#4ca2d7十进制的RGB值为R:76,G:162,B:215。CMYK值为C:64.651,M:24.652,Y:0.0,K:15.686
| RGB | 76,162,215 |
|---|---|
| 百分比 | 29.8%,63.53%,84.31% |
| 十六进制 | 4ca2d7 |
| 十进制 | 5022423 |
| 二进制 | 01001100,10100010,11010111 |
| CMYK | 64.651,24.652,0.0,15.686 |
| CMYK百分比 | 65%,25%,0%,16% |
| CMY | 0.702,0.365,0.157 |
| CMY百分比 | 70%,36%,16% |
| HSL | 202.88°,63.47,57.06 |
| HSV(or HSB) | 202.88°,64.651,84.31 |
| XYZ | 28.164,32.281,69.033 |
|---|---|
| xyY | 0.218,0.249,32.281 |
| CIE-LAB | 63.574,-9.655,-34.618 |
| CIE-LUV | 63.574,-34.103,-53.333 |
| CIE-LCH/LCHab | 63.574,35.939,254.417 |
| CIE-LUV/LCHuv | 63.574,63.304,237.404 |
| Hunter-Lab | 56.817,-10.948,-32.266 |
| YIQ | 142.328,-68.2763,-1.6954 |
| YUV | 142.328,35.7628,-58.19053 |
| 网页安全色 | #3399cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#4ca2d7在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
4ca2d7色度/色彩
通过调整亮度或饱和度,可以得到#4ca2d7向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #2e91ce
#2e91cergb(46,145,206) - #2a86be
#2a86bergb(42,134,190) - #277aae
#277aaergb(39,122,174) - #236f9e
#236f9ergb(35,111,158) - #20648e
#20648ergb(32,100,142) - #1c587e
#1c587ergb(28,88,126) - #184d6e
#184d6ergb(24,77,110) - #15425e
#15425ergb(21,66,94) - #11374e
#11374ergb(17,55,78) - #0e2b3d
#0e2b3drgb(14,43,61) - #0a202d
#0a202drgb(10,32,45) - #07151d
#07151drgb(7,21,29) - #03090d
#03090drgb(3,9,13)
- #3c9ad3
#3c9ad3rgb(60,154,211) - #4ca2d7
#4ca2d7rgb(76,162,215) - #5caadb
#5caadbrgb(92,170,219) - #6cb3de
#6cb3dergb(108,179,222) - #7cbbe2
#7cbbe2rgb(124,187,226) - #8cc3e5
#8cc3e5rgb(140,195,229) - #9ccce9
#9ccce9rgb(156,204,233) - #acd4ec
#acd4ecrgb(172,212,236) - #bcdcf0
#bcdcf0rgb(188,220,240) - #cce5f4
#cce5f4rgb(204,229,244) - #dcedf7
#dcedf7rgb(220,237,247) - #ecf5fb
#ecf5fbrgb(236,245,251) - #fcfefe
#fcfefergb(252,254,254)
色调
通过添加灰色或调整饱和度,可以探索#4ca2d7在不同色调下的表现,从而获得更丰富的视觉情绪。
- #8f9294
#8f9294rgb(143,146,148) - #87949c
#87949crgb(135,148,156) - #7f96a4
#7f96a4rgb(127,150,164) - #7698ad
#7698adrgb(118,152,173) - #6e9ab5
#6e9ab5rgb(110,154,181) - #659cbe
#659cbergb(101,156,190) - #5d9ec6
#5d9ec6rgb(93,158,198) - #54a0cf
#54a0cfrgb(84,160,207) - #4ca2d7
#4ca2d7rgb(76,162,215) - #44a4df
#44a4dfrgb(68,164,223) - #3ba6e8
#3ba6e8rgb(59,166,232) - #33a8f0
#33a8f0rgb(51,168,240) - #2aaaf9
#2aaaf9rgb(42,170,249)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#4ca2d7的相关代码。
#4ca2d7文本颜色
此段文字的字体颜色为#4ca2d7.
<span style="color:#4ca2d7;">文本</span>#4ca2d7背景颜色
此段背景颜色为#4ca2d7.
<p style="background-color:#4ca2d7;">文本</p>#4ca2d7边框颜色
这个边框颜色为#4ca2d7.
<div style="border:1px solid #4ca2d7;">文本</div>CSS代码
.text{color:#4ca2d7}.background{background-color:#4ca2d7}.border{border:1px solid#4ca2d7}
