84a1ba颜色信息
在RGB颜色空间中,#84a1ba由51.76%红色,63.14%绿色和72.94%蓝色组成,十进制红色值为132,绿色值为161,蓝色值为186。在CMKY色彩空间中,他由29.03%青色,13.44%品红色,0.0%黄色和27.06%黑色组成。最接近的网页安全颜色是:#9999cc。
- R51.8
- G63.1
- B72.9
- C29.0
- M13.4
- Y0.0
- K27.1
颜色转换
#84a1ba十进制的RGB值为R:132,G:161,B:186。CMYK值为C:29.032,M:13.441,Y:0.0,K:27.059
| RGB | 132,161,186 |
|---|---|
| 百分比 | 51.76%,63.14%,72.94% |
| 十六进制 | 84a1ba |
| 十进制 | 8692154 |
| 二进制 | 10000100,10100001,10111010 |
| CMYK | 29.032,13.441,0.0,27.059 |
| CMYK百分比 | 29%,13%,0%,27% |
| CMY | 0.482,0.369,0.271 |
| CMY百分比 | 48%,37%,27% |
| HSL | 207.78°,28.12,62.35 |
| HSV(or HSB) | 207.78°,29.032000000000004,72.94 |
| XYZ | 31.122,33.94,51.363 |
|---|---|
| xyY | 0.267,0.292,33.94 |
| CIE-LAB | 64.914,-4.146,-16.182 |
| CIE-LUV | 64.914,-15.648,-23.958 |
| CIE-LCH/LCHab | 64.914,16.705,255.629 |
| CIE-LUV/LCHuv | 64.914,28.616,236.851 |
| Hunter-Lab | 58.258,-6.595,-11.493 |
| YIQ | 155.179,-25.3136,1.6465 |
| YUV | 155.179,15.16838,-20.33525 |
| 网页安全色 | #9999cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#84a1ba在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
84a1ba色度/色彩
通过调整亮度或饱和度,可以得到#84a1ba向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #567a99
#567a99rgb(86,122,153) - #4f708d
#4f708drgb(79,112,141) - #486680
#486680rgb(72,102,128) - #415c74
#415c74rgb(65,92,116) - #3a5267
#3a5267rgb(58,82,103) - #33485b
#33485brgb(51,72,91) - #2c3e4e
#2c3e4ergb(44,62,78) - #253441
#253441rgb(37,52,65) - #1e2a35
#1e2a35rgb(30,42,53) - #172028
#172028rgb(23,32,40) - #10161c
#10161crgb(16,22,28) - #090c0f
#090c0frgb(9,12,15) - #010203
#010203rgb(1,2,3)
- #5e84a5
#5e84a5rgb(94,132,165) - #6b8eac
#6b8eacrgb(107,142,172) - #7797b3
#7797b3rgb(119,151,179) - #84a1ba
#84a1bargb(132,161,186) - #91abc1
#91abc1rgb(145,171,193) - #9db4c8
#9db4c8rgb(157,180,200) - #aabecf
#aabecfrgb(170,190,207) - #b6c7d6
#b6c7d6rgb(182,199,214) - #c3d1dd
#c3d1ddrgb(195,209,221) - #cfdbe4
#cfdbe4rgb(207,219,228) - #dce4eb
#dce4ebrgb(220,228,235) - #e9eef2
#e9eef2rgb(233,238,242) - #f5f7f9
#f5f7f9rgb(245,247,249)
色调
通过添加灰色或调整饱和度,可以探索#84a1ba在不同色调下的表现,从而获得更丰富的视觉情绪。
- #9a9fa4
#9a9fa4rgb(154,159,164) - #93a0ab
#93a0abrgb(147,160,171) - #8ba0b3
#8ba0b3rgb(139,160,179) - #84a1ba
#84a1bargb(132,161,186) - #7da2c1
#7da2c1rgb(125,162,193) - #75a2c9
#75a2c9rgb(117,162,201) - #6ea3d0
#6ea3d0rgb(110,163,208) - #66a3d8
#66a3d8rgb(102,163,216) - #5fa4df
#5fa4dfrgb(95,164,223) - #58a4e6
#58a4e6rgb(88,164,230) - #50a5ee
#50a5eergb(80,165,238) - #49a5f5
#49a5f5rgb(73,165,245) - #42a6fc
#42a6fcrgb(66,166,252)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#84a1ba的相关代码。
#84a1ba文本颜色
此段文字的字体颜色为#84a1ba.
<span style="color:#84a1ba;">文本</span>#84a1ba背景颜色
此段背景颜色为#84a1ba.
<p style="background-color:#84a1ba;">文本</p>#84a1ba边框颜色
这个边框颜色为#84a1ba.
<div style="border:1px solid #84a1ba;">文本</div>CSS代码
.text{color:#84a1ba}.background{background-color:#84a1ba}.border{border:1px solid#84a1ba}
