7abde5颜色信息
在RGB颜色空间中,#7abde5由47.84%红色,74.12%绿色和89.8%蓝色组成,十进制红色值为122,绿色值为189,蓝色值为229。在CMKY色彩空间中,他由46.73%青色,17.47%品红色,0.0%黄色和10.2%黑色组成。最接近的网页安全颜色是:#66cccc。
- R47.8
- G74.1
- B89.8
- C46.7
- M17.5
- Y0.0
- K10.2
颜色转换
#7abde5十进制的RGB值为R:122,G:189,B:229。CMYK值为C:46.725,M:17.467,Y:0.0,K:10.196
| RGB | 122,189,229 |
|---|---|
| 百分比 | 47.84%,74.12%,89.8% |
| 十六进制 | 7abde5 |
| 十进制 | 8044005 |
| 二进制 | 01111010,10111101,11100101 |
| CMYK | 46.725,17.467,0.0,10.196 |
| CMYK百分比 | 47%,17%,0%,10% |
| CMY | 0.522,0.259,0.102 |
| CMY百分比 | 52%,26%,10% |
| HSL | 202.43°,67.3,68.82 |
| HSV(or HSB) | 202.43°,46.725,89.8 |
| XYZ | 40.363,46.188,80.913 |
|---|---|
| xyY | 0.241,0.276,46.188 |
| CIE-LAB | 73.667,-10.672,-26.555 |
| CIE-LUV | 73.667,-31.032,-40.594 |
| CIE-LCH/LCHab | 73.667,28.62,248.105 |
| CIE-LUV/LCHuv | 73.667,51.097,232.604 |
| Hunter-Lab | 67.962,-12.92,-23.015 |
| YIQ | 173.527,-52.7773,-1.7225 |
| YUV | 173.527,27.2996,-45.2054 |
| 网页安全色 | #66cccc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#7abde5在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
7abde5色度/色彩
通过调整亮度或饱和度,可以得到#7abde5向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #2994d4
#2994d4rgb(41,148,212) - #2688c3
#2688c3rgb(38,136,195) - #237db3
#237db3rgb(35,125,179) - #2072a2
#2072a2rgb(32,114,162) - #1d6692
#1d6692rgb(29,102,146) - #195b82
#195b82rgb(25,91,130) - #164f71
#164f71rgb(22,79,113) - #134461
#134461rgb(19,68,97) - #103850
#103850rgb(16,56,80) - #0c2d40
#0c2d40rgb(12,45,64) - #09212f
#09212frgb(9,33,47) - #06161f
#06161frgb(6,22,31) - #030a0f
#030a0frgb(3,10,15)
- #389cd8
#389cd8rgb(56,156,216) - #49a5db
#49a5dbrgb(73,165,219) - #59addf
#59addfrgb(89,173,223) - #6ab5e2
#6ab5e2rgb(106,181,226) - #7abde5
#7abde5rgb(122,189,229) - #8ac5e8
#8ac5e8rgb(138,197,232) - #9bcdeb
#9bcdebrgb(155,205,235) - #abd5ef
#abd5efrgb(171,213,239) - #bcdef2
#bcdef2rgb(188,222,242) - #cce6f5
#cce6f5rgb(204,230,245) - #dceef8
#dceef8rgb(220,238,248) - #edf6fb
#edf6fbrgb(237,246,251) - #fdfeff
#fdfeffrgb(253,254,255)
色调
通过添加灰色或调整饱和度,可以探索#7abde5在不同色调下的表现,从而获得更丰富的视觉情绪。
- #abb1b4
#abb1b4rgb(171,177,180) - #a5b2ba
#a5b2bargb(165,178,186) - #9fb4c0
#9fb4c0rgb(159,180,192) - #99b5c6
#99b5c6rgb(153,181,198) - #92b7cd
#92b7cdrgb(146,183,205) - #8cb8d3
#8cb8d3rgb(140,184,211) - #86bad9
#86bad9rgb(134,186,217) - #80bbdf
#80bbdfrgb(128,187,223) - #7abde5
#7abde5rgb(122,189,229) - #74bfeb
#74bfebrgb(116,191,235) - #6ec0f1
#6ec0f1rgb(110,192,241) - #68c2f7
#68c2f7rgb(104,194,247) - #62c3fd
#62c3fdrgb(98,195,253)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#7abde5的相关代码。
#7abde5文本颜色
此段文字的字体颜色为#7abde5.
<span style="color:#7abde5;">文本</span>#7abde5背景颜色
此段背景颜色为#7abde5.
<p style="background-color:#7abde5;">文本</p>#7abde5边框颜色
这个边框颜色为#7abde5.
<div style="border:1px solid #7abde5;">文本</div>CSS代码
.text{color:#7abde5}.background{background-color:#7abde5}.border{border:1px solid#7abde5}
