68b4e2颜色信息
在RGB颜色空间中,#68b4e2由40.78%红色,70.59%绿色和88.63%蓝色组成,十进制红色值为104,绿色值为180,蓝色值为226。在CMKY色彩空间中,他由53.98%青色,20.35%品红色,0.0%黄色和11.37%黑色组成。最接近的网页安全颜色是:#66cccc。
- R40.8
- G70.6
- B88.6
- C54.0
- M20.4
- Y0.0
- K11.4
颜色转换
#68b4e2十进制的RGB值为R:104,G:180,B:226。CMYK值为C:53.982,M:20.354,Y:0.0,K:11.373
| RGB | 104,180,226 |
|---|---|
| 百分比 | 40.78%,70.59%,88.63% |
| 十六进制 | 68b4e2 |
| 十进制 | 6862050 |
| 二进制 | 01101000,10110100,11100010 |
| CMYK | 53.982,20.354,0.0,11.373 |
| CMYK百分比 | 54%,20%,0%,11% |
| CMY | 0.592,0.294,0.114 |
| CMY百分比 | 59%,29%,11% |
| HSL | 202.62°,67.78,64.71 |
| HSV(or HSB) | 202.62°,53.982,88.63 |
| XYZ | 35.754,41.074,77.991 |
|---|---|
| xyY | 0.231,0.265,41.074 |
| CIE-LAB | 70.228,-10.734,-30.278 |
| CIE-LUV | 70.228,-33.225,-46.587 |
| CIE-LCH/LCHab | 70.228,32.125,250.48 |
| CIE-LUV/LCHuv | 70.228,57.221,234.504 |
| Hunter-Lab | 64.089,-12.574,-27.289 |
| YIQ | 162.52,-60.0682,-1.7588 |
| YUV | 162.52,31.23968,-51.34046 |
| 网页安全色 | #66cccc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#68b4e2在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
68b4e2色度/色彩
通过调整亮度或饱和度,可以得到#68b4e2向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #2993d3
#2993d3rgb(41,147,211) - #2587c3
#2587c3rgb(37,135,195) - #227cb2
#227cb2rgb(34,124,178) - #1f70a2
#1f70a2rgb(31,112,162) - #1c6591
#1c6591rgb(28,101,145) - #195a81
#195a81rgb(25,90,129) - #164e70
#164e70rgb(22,78,112) - #124360
#124360rgb(18,67,96) - #0f374f
#0f374frgb(15,55,79) - #0c2c3f
#0c2c3frgb(12,44,63) - #09202e
#09202ergb(9,32,46) - #06151e
#06151ergb(6,21,30) - #03090e
#03090ergb(3,9,14)
- #379bd9
#379bd9rgb(55,155,217) - #47a4dc
#47a4dcrgb(71,164,220) - #58acdf
#58acdfrgb(88,172,223) - #68b4e2
#68b4e2rgb(104,180,226) - #78bce5
#78bce5rgb(120,188,229) - #89c4e8
#89c4e8rgb(137,196,232) - #99cdeb
#99cdebrgb(153,205,235) - #aad5ef
#aad5efrgb(170,213,239) - #baddf2
#baddf2rgb(186,221,242) - #cbe5f5
#cbe5f5rgb(203,229,245) - #dbedf8
#dbedf8rgb(219,237,248) - #ecf5fb
#ecf5fbrgb(236,245,251) - #fcfefe
#fcfefergb(252,254,254)
色调
通过添加灰色或调整饱和度,可以探索#68b4e2在不同色调下的表现,从而获得更丰富的视觉情绪。
- #9fa6ab
#9fa6abrgb(159,166,171) - #98a8b2
#98a8b2rgb(152,168,178) - #92aab8
#92aab8rgb(146,170,184) - #8babbf
#8babbfrgb(139,171,191) - #84adc6
#84adc6rgb(132,173,198) - #7dafcd
#7dafcdrgb(125,175,205) - #76b1d4
#76b1d4rgb(118,177,212) - #6fb2db
#6fb2dbrgb(111,178,219) - #68b4e2
#68b4e2rgb(104,180,226) - #61b6e9
#61b6e9rgb(97,182,233) - #5ab7f0
#5ab7f0rgb(90,183,240) - #53b9f7
#53b9f7rgb(83,185,247) - #4cbbfe
#4cbbfergb(76,187,254)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#68b4e2的相关代码。
#68b4e2文本颜色
此段文字的字体颜色为#68b4e2.
<span style="color:#68b4e2;">文本</span>#68b4e2背景颜色
此段背景颜色为#68b4e2.
<p style="background-color:#68b4e2;">文本</p>#68b4e2边框颜色
这个边框颜色为#68b4e2.
<div style="border:1px solid #68b4e2;">文本</div>CSS代码
.text{color:#68b4e2}.background{background-color:#68b4e2}.border{border:1px solid#68b4e2}
