86b2d0颜色信息
在RGB颜色空间中,#86b2d0由52.55%红色,69.8%绿色和81.57%蓝色组成,十进制红色值为134,绿色值为178,蓝色值为208。在CMKY色彩空间中,他由35.58%青色,14.42%品红色,0.0%黄色和18.43%黑色组成。最接近的网页安全颜色是:#9999cc。
- R52.5
- G69.8
- B81.6
- C35.6
- M14.4
- Y0.0
- K18.4
颜色转换
#86b2d0十进制的RGB值为R:134,G:178,B:208。CMYK值为C:35.577,M:14.423,Y:0.0,K:18.431
| RGB | 134,178,208 |
|---|---|
| 百分比 | 52.55%,69.8%,81.57% |
| 十六进制 | 86b2d0 |
| 十进制 | 8827600 |
| 二进制 | 10000110,10110010,11010000 |
| CMYK | 35.577,14.423,0.0,18.431 |
| CMYK百分比 | 36%,14%,0%,18% |
| CMY | 0.475,0.302,0.184 |
| CMY百分比 | 47%,30%,18% |
| HSL | 204.33°,44.05,67.06 |
| HSV(or HSB) | 204.33°,35.577,81.57 |
| XYZ | 37.134,41.462,65.717 |
|---|---|
| xyY | 0.257,0.287,41.462 |
| CIE-LAB | 70.498,-7.313,-19.885 |
| CIE-LUV | 70.498,-22.323,-29.8 |
| CIE-LCH/LCHab | 70.498,21.187,249.809 |
| CIE-LUV/LCHuv | 70.498,37.234,233.163 |
| Hunter-Lab | 64.391,-9.742,-15.438 |
| YIQ | 168.264,-35.8586,0.03 |
| YUV | 168.264,19.5555,-30.0603 |
| 网页安全色 | #9999cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#86b2d0在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
86b2d0色度/色彩
通过调整亮度或饱和度,可以得到#86b2d0向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #4484b0
#4484b0rgb(68,132,176) - #3f7aa2
#3f7aa2rgb(63,122,162) - #396f93
#396f93rgb(57,111,147) - #346485
#346485rgb(52,100,133) - #2e5a77
#2e5a77rgb(46,90,119) - #294f69
#294f69rgb(41,79,105) - #23445b
#23445brgb(35,68,91) - #1e3a4d
#1e3a4drgb(30,58,77) - #182f3f
#182f3frgb(24,47,63) - #132531
#132531rgb(19,37,49) - #0d1a22
#0d1a22rgb(13,26,34) - #080f14
#080f14rgb(8,15,20) - #020506
#020506rgb(2,5,6)
- #4d8eba
#4d8ebargb(77,142,186) - #5c97c0
#5c97c0rgb(92,151,192) - #6aa0c5
#6aa0c5rgb(106,160,197) - #78a9cb
#78a9cbrgb(120,169,203) - #86b2d0
#86b2d0rgb(134,178,208) - #94bbd5
#94bbd5rgb(148,187,213) - #a2c4db
#a2c4dbrgb(162,196,219) - #b0cde0
#b0cde0rgb(176,205,224) - #bfd6e6
#bfd6e6rgb(191,214,230) - #cddfeb
#cddfebrgb(205,223,235) - #dbe8f1
#dbe8f1rgb(219,232,241) - #e9f1f6
#e9f1f6rgb(233,241,246) - #f7fafc
#f7fafcrgb(247,250,252)
色调
通过添加灰色或调整饱和度,可以探索#86b2d0在不同色调下的表现,从而获得更丰富的视觉情绪。
- #a6acb0
#a6acb0rgb(166,172,176) - #a0adb6
#a0adb6rgb(160,173,182) - #99aebd
#99aebdrgb(153,174,189) - #93b0c3
#93b0c3rgb(147,176,195) - #8cb1ca
#8cb1cargb(140,177,202) - #86b2d0
#86b2d0rgb(134,178,208) - #80b3d6
#80b3d6rgb(128,179,214) - #79b4dd
#79b4ddrgb(121,180,221) - #73b6e3
#73b6e3rgb(115,182,227) - #6cb7ea
#6cb7eargb(108,183,234) - #66b8f0
#66b8f0rgb(102,184,240) - #5fb9f7
#5fb9f7rgb(95,185,247) - #59bbfd
#59bbfdrgb(89,187,253)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#86b2d0的相关代码。
#86b2d0文本颜色
此段文字的字体颜色为#86b2d0.
<span style="color:#86b2d0;">文本</span>#86b2d0背景颜色
此段背景颜色为#86b2d0.
<p style="background-color:#86b2d0;">文本</p>#86b2d0边框颜色
这个边框颜色为#86b2d0.
<div style="border:1px solid #86b2d0;">文本</div>CSS代码
.text{color:#86b2d0}.background{background-color:#86b2d0}.border{border:1px solid#86b2d0}
