7cbbe2颜色信息
在RGB颜色空间中,#7cbbe2由48.63%红色,73.33%绿色和88.63%蓝色组成,十进制红色值为124,绿色值为187,蓝色值为226。在CMKY色彩空间中,他由45.13%青色,17.26%品红色,0.0%黄色和11.37%黑色组成。最接近的网页安全颜色是:#66cccc。
- R48.6
- G73.3
- B88.6
- C45.1
- M17.3
- Y0.0
- K11.4
颜色转换
#7cbbe2十进制的RGB值为R:124,G:187,B:226。CMYK值为C:45.133,M:17.257,Y:0.0,K:11.373
| RGB | 124,187,226 |
|---|---|
| 百分比 | 48.63%,73.33%,88.63% |
| 十六进制 | 7cbbe2 |
| 十进制 | 8174562 |
| 二进制 | 01111100,10111011,11100010 |
| CMYK | 45.133,17.257,0.0,11.373 |
| CMYK百分比 | 45%,17%,0%,11% |
| CMY | 0.514,0.267,0.114 |
| CMY百分比 | 51%,27%,11% |
| HSL | 202.94°,63.75,68.63 |
| HSV(or HSB) | 202.94°,45.133,88.63 |
| XYZ | 39.807,45.315,78.596 |
|---|---|
| xyY | 0.243,0.277,45.315 |
| CIE-LAB | 73.098,-9.956,-25.791 |
| CIE-LUV | 73.098,-29.616,-39.368 |
| CIE-LCH/LCHab | 73.098,27.646,248.892 |
| CIE-LUV/LCHuv | 73.098,49.264,233.047 |
| Hunter-Lab | 67.316,-12.249,-22.104 |
| YIQ | 172.609,-50.0724,-1.1877 |
| YUV | 172.609,26.27506,-42.64539 |
| 网页安全色 | #66cccc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#7cbbe2在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
7cbbe2色度/色彩
通过调整亮度或饱和度,可以得到#7cbbe2向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #2e91ce
#2e91cergb(46,145,206) - #2a86be
#2a86bergb(42,134,190) - #277aae
#277aaergb(39,122,174) - #236f9e
#236f9ergb(35,111,158) - #1f648e
#1f648ergb(31,100,142) - #1c587e
#1c587ergb(28,88,126) - #184d6e
#184d6ergb(24,77,110) - #15425e
#15425ergb(21,66,94) - #11374e
#11374ergb(17,55,78) - #0e2b3e
#0e2b3ergb(14,43,62) - #0a202e
#0a202ergb(10,32,46) - #07151e
#07151ergb(7,21,30) - #030a0e
#030a0ergb(3,10,14)
- #3c9ad4
#3c9ad4rgb(60,154,212) - #4ca2d7
#4ca2d7rgb(76,162,215) - #5caadb
#5caadbrgb(92,170,219) - #6cb3de
#6cb3dergb(108,179,222) - #7cbbe2
#7cbbe2rgb(124,187,226) - #8cc3e6
#8cc3e6rgb(140,195,230) - #9ccce9
#9ccce9rgb(156,204,233) - #acd4ed
#acd4edrgb(172,212,237) - #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)
色调
通过添加灰色或调整饱和度,可以探索#7cbbe2在不同色调下的表现,从而获得更丰富的视觉情绪。
- #adafb1
#adafb1rgb(173,175,177) - #a7b1b7
#a7b1b7rgb(167,177,183) - #a1b2bd
#a1b2bdrgb(161,178,189) - #9bb4c3
#9bb4c3rgb(155,180,195) - #95b5c9
#95b5c9rgb(149,181,201) - #8eb7d0
#8eb7d0rgb(142,183,208) - #88b8d6
#88b8d6rgb(136,184,214) - #82badc
#82badcrgb(130,186,220) - #7cbbe2
#7cbbe2rgb(124,187,226) - #76bce8
#76bce8rgb(118,188,232) - #70beee
#70beeergb(112,190,238) - #6abff4
#6abff4rgb(106,191,244) - #63c1fb
#63c1fbrgb(99,193,251)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#7cbbe2的相关代码。
#7cbbe2文本颜色
此段文字的字体颜色为#7cbbe2.
<span style="color:#7cbbe2;">文本</span>#7cbbe2背景颜色
此段背景颜色为#7cbbe2.
<p style="background-color:#7cbbe2;">文本</p>#7cbbe2边框颜色
这个边框颜色为#7cbbe2.
<div style="border:1px solid #7cbbe2;">文本</div>CSS代码
.text{color:#7cbbe2}.background{background-color:#7cbbe2}.border{border:1px solid#7cbbe2}
