3b86b9颜色信息
在RGB颜色空间中,#3b86b9由23.14%红色,52.55%绿色和72.55%蓝色组成,十进制红色值为59,绿色值为134,蓝色值为185。在CMKY色彩空间中,他由68.11%青色,27.57%品红色,0.0%黄色和27.45%黑色组成。最接近的网页安全颜色是:#3399cc。
- R23.1
- G52.5
- B72.5
- C68.1
- M27.6
- Y0.0
- K27.5
颜色转换
#3b86b9十进制的RGB值为R:59,G:134,B:185。CMYK值为C:68.108,M:27.568,Y:0.0,K:27.451
| RGB | 59,134,185 |
|---|---|
| 百分比 | 23.14%,52.55%,72.55% |
| 十六进制 | 3b86b9 |
| 十进制 | 3901113 |
| 二进制 | 00111011,10000110,10111001 |
| CMYK | 68.108,27.568,0.0,27.451 |
| CMYK百分比 | 68%,28%,0%,27% |
| CMY | 0.769,0.475,0.275 |
| CMY百分比 | 77%,47%,27% |
| HSL | 204.29°,51.64,47.84 |
| HSV(or HSB) | 204.29°,68.108,72.55 |
| XYZ | 19.084,21.481,49.037 |
|---|---|
| xyY | 0.213,0.24,21.481 |
| CIE-LAB | 53.472,-6.668,-33.523 |
| CIE-LUV | 53.472,-28.883,-50.398 |
| CIE-LCH/LCHab | 53.472,34.18,258.75 |
| CIE-LUV/LCHuv | 53.472,58.088,240.183 |
| Hunter-Lab | 46.348,-7.612,-30.286 |
| YIQ | 117.389,-61.0788,0.0087 |
| YUV | 117.389,33.27209,-51.22551 |
| 网页安全色 | #3399cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#3b86b9在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
3b86b9色度/色彩
通过调整亮度或饱和度,可以得到#3b86b9向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #3b86b9
#3b86b9rgb(59,134,185) - #367baa
#367baargb(54,123,170) - #32709b
#32709brgb(50,112,155) - #2d668c
#2d668crgb(45,102,140) - #285b7e
#285b7ergb(40,91,126) - #23506f
#23506frgb(35,80,111) - #1f4560
#1f4560rgb(31,69,96) - #1a3b51
#1a3b51rgb(26,59,81) - #153042
#153042rgb(21,48,66) - #102533
#102533rgb(16,37,51) - #0c1a24
#0c1a24rgb(12,26,36) - #071015
#071015rgb(7,16,21) - #020507
#020507rgb(2,5,7)
- #4490c3
#4490c3rgb(68,144,195) - #5399c8
#5399c8rgb(83,153,200) - #62a2cd
#62a2cdrgb(98,162,205) - #71aad2
#71aad2rgb(113,170,210) - #80b3d6
#80b3d6rgb(128,179,214) - #8fbcdb
#8fbcdbrgb(143,188,219) - #9dc5e0
#9dc5e0rgb(157,197,224) - #accee5
#accee5rgb(172,206,229) - #bbd7e9
#bbd7e9rgb(187,215,233) - #cae0ee
#cae0eergb(202,224,238) - #d9e8f3
#d9e8f3rgb(217,232,243) - #e8f1f8
#e8f1f8rgb(232,241,248) - #f7fafc
#f7fafcrgb(247,250,252)
色调
通过添加灰色或调整饱和度,可以探索#3b86b9在不同色调下的表现,从而获得更丰富的视觉情绪。
- #737b81
#737b81rgb(115,123,129) - #6a7d8a
#6a7d8argb(106,125,138) - #617f93
#617f93rgb(97,127,147) - #57819d
#57819drgb(87,129,157) - #4e82a6
#4e82a6rgb(78,130,166) - #4484b0
#4484b0rgb(68,132,176) - #3b86b9
#3b86b9rgb(59,134,185) - #3288c2
#3288c2rgb(50,136,194) - #288acc
#288accrgb(40,138,204) - #1f8bd5
#1f8bd5rgb(31,139,213) - #158ddf
#158ddfrgb(21,141,223) - #0c8fe8
#0c8fe8rgb(12,143,232) - #0391f1
#0391f1rgb(3,145,241)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#3b86b9的相关代码。
#3b86b9文本颜色
此段文字的字体颜色为#3b86b9.
<span style="color:#3b86b9;">文本</span>#3b86b9背景颜色
此段背景颜色为#3b86b9.
<p style="background-color:#3b86b9;">文本</p>#3b86b9边框颜色
这个边框颜色为#3b86b9.
<div style="border:1px solid #3b86b9;">文本</div>CSS代码
.text{color:#3b86b9}.background{background-color:#3b86b9}.border{border:1px solid#3b86b9}
