86caf1颜色信息
在RGB颜色空间中,#86caf1由52.55%红色,79.22%绿色和94.51%蓝色组成,十进制红色值为134,绿色值为202,蓝色值为241。在CMKY色彩空间中,他由44.4%青色,16.18%品红色,0.0%黄色和5.49%黑色组成。最接近的网页安全颜色是:#99ccff。
- R52.5
- G79.2
- B94.5
- C44.4
- M16.2
- Y0.0
- K5.5
颜色转换
#86caf1十进制的RGB值为R:134,G:202,B:241。CMYK值为C:44.398,M:16.182,Y:0.0,K:5.49
| RGB | 134,202,241 |
|---|---|
| 百分比 | 52.55%,79.22%,94.51% |
| 十六进制 | 86caf1 |
| 十进制 | 8833777 |
| 二进制 | 10000110,11001010,11110001 |
| CMYK | 44.398,16.182,0.0,5.49 |
| CMYK百分比 | 44%,16%,0%,5% |
| CMY | 0.475,0.208,0.055 |
| CMY百分比 | 47%,21%,5% |
| HSL | 201.87°,79.26,73.53 |
| HSV(or HSB) | 201.87°,44.397999999999996,94.51 |
| XYZ | 46.825,53.658,91.104 |
|---|---|
| xyY | 0.244,0.28,53.658 |
| CIE-LAB | 78.262,-11.404,-25.941 |
| CIE-LUV | 78.262,-31.896,-39.755 |
| CIE-LCH/LCHab | 78.262,28.337,246.269 |
| CIE-LUV/LCHuv | 78.262,50.969,231.259 |
| Hunter-Lab | 73.252,-14.086,-22.464 |
| YIQ | 186.114,-53.0519,-2.2452 |
| YUV | 186.114,27.01086,-45.72039 |
| 网页安全色 | #99ccff |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#86caf1在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
86caf1色度/色彩
通过调整亮度或饱和度,可以得到#86caf1向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #1990d5
#1990d5rgb(25,144,213) - #1784c3
#1784c3rgb(23,132,195) - #1579b2
#1579b2rgb(21,121,178) - #136da0
#136da0rgb(19,109,160) - #11618f
#11618frgb(17,97,143) - #0e557d
#0e557drgb(14,85,125) - #0c496c
#0c496crgb(12,73,108) - #0a3d5a
#0a3d5argb(10,61,90) - #083148
#083148rgb(8,49,72) - #062537
#062537rgb(6,37,55) - #041925
#041925rgb(4,25,37) - #020d14
#020d14rgb(2,13,20) - #000102
#000102rgb(0,1,2)
- #1d9ce5
#1d9ce5rgb(29,156,229) - #2ea3e7
#2ea3e7rgb(46,163,231) - #40abe9
#40abe9rgb(64,171,233) - #51b3eb
#51b3ebrgb(81,179,235) - #63bbed
#63bbedrgb(99,187,237) - #74c2ef
#74c2efrgb(116,194,239) - #86caf1
#86caf1rgb(134,202,241) - #98d2f3
#98d2f3rgb(152,210,243) - #a9d9f5
#a9d9f5rgb(169,217,245) - #bbe1f7
#bbe1f7rgb(187,225,247) - #cce9f9
#cce9f9rgb(204,233,249) - #def1fb
#def1fbrgb(222,241,251) - #eff8fd
#eff8fdrgb(239,248,253)
色调
通过添加灰色或调整饱和度,可以探索#86caf1在不同色调下的表现,从而获得更丰富的视觉情绪。
- #babcbd
#babcbdrgb(186,188,189) - #b5bdc2
#b5bdc2rgb(181,189,194) - #b0bfc7
#b0bfc7rgb(176,191,199) - #aac0cd
#aac0cdrgb(170,192,205) - #a5c2d2
#a5c2d2rgb(165,194,210) - #a0c3d7
#a0c3d7rgb(160,195,215) - #9bc4dc
#9bc4dcrgb(155,196,220) - #96c6e1
#96c6e1rgb(150,198,225) - #90c7e7
#90c7e7rgb(144,199,231) - #8bc9ec
#8bc9ecrgb(139,201,236) - #86caf1
#86caf1rgb(134,202,241) - #81cbf6
#81cbf6rgb(129,203,246) - #7ccdfb
#7ccdfbrgb(124,205,251)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#86caf1的相关代码。
#86caf1文本颜色
此段文字的字体颜色为#86caf1.
<span style="color:#86caf1;">文本</span>#86caf1背景颜色
此段背景颜色为#86caf1.
<p style="background-color:#86caf1;">文本</p>#86caf1边框颜色
这个边框颜色为#86caf1.
<div style="border:1px solid #86caf1;">文本</div>CSS代码
.text{color:#86caf1}.background{background-color:#86caf1}.border{border:1px solid#86caf1}
