4b8ab1颜色信息
在RGB颜色空间中,#4b8ab1由29.41%红色,54.12%绿色和69.41%蓝色组成,十进制红色值为75,绿色值为138,蓝色值为177。在CMKY色彩空间中,他由57.63%青色,22.03%品红色,0.0%黄色和30.59%黑色组成。最接近的网页安全颜色是:#339999。
- R29.4
- G54.1
- B69.4
- C57.6
- M22.0
- Y0.0
- K30.6
颜色转换
#4b8ab1十进制的RGB值为R:75,G:138,B:177。CMYK值为C:57.627,M:22.034,Y:0.0,K:30.588
| RGB | 75,138,177 |
|---|---|
| 百分比 | 29.41%,54.12%,69.41% |
| 十六进制 | 4b8ab1 |
| 十进制 | 4950705 |
| 二进制 | 01001011,10001010,10110001 |
| CMYK | 57.627,22.034,0.0,30.588 |
| CMYK百分比 | 58%,22%,0%,31% |
| CMY | 0.706,0.459,0.306 |
| CMY百分比 | 71%,46%,31% |
| HSL | 202.94°,40.48,49.41 |
| HSV(or HSB) | 202.94°,57.626999999999995,69.41 |
| XYZ | 19.924,22.846,44.952 |
|---|---|
| xyY | 0.227,0.26,22.846 |
| CIE-LAB | 54.914,-8.643,-26.658 |
| CIE-LUV | 54.914,-26.868,-39.276 |
| CIE-LCH/LCHab | 54.914,28.024,252.037 |
| CIE-LUV/LCHuv | 54.914,47.587,235.625 |
| Hunter-Lab | 47.797,-9.239,-22.303 |
| YIQ | 123.609,-50.0724,-1.1877 |
| YUV | 123.609,26.27457,-42.64539 |
| 网页安全色 | #339999 |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#4b8ab1在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
4b8ab1色度/色彩
通过调整亮度或饱和度,可以得到#4b8ab1向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #4b8ab1
#4b8ab1rgb(75,138,177) - #457fa3
#457fa3rgb(69,127,163) - #3f7595
#3f7595rgb(63,117,149) - #396a88
#396a88rgb(57,106,136) - #345f7a
#345f7argb(52,95,122) - #2e546c
#2e546crgb(46,84,108) - #284a5e
#284a5ergb(40,74,94) - #223f51
#223f51rgb(34,63,81) - #1c3443
#1c3443rgb(28,52,67) - #162935
#162935rgb(22,41,53) - #111f27
#111f27rgb(17,31,39) - #0b1419
#0b1419rgb(11,20,25) - #05090c
#05090crgb(5,9,12)
- #5893b8
#5893b8rgb(88,147,184) - #659cbe
#659cbergb(101,156,190) - #73a5c4
#73a5c4rgb(115,165,196) - #81aeca
#81aecargb(129,174,202) - #8fb7cf
#8fb7cfrgb(143,183,207) - #9cc0d5
#9cc0d5rgb(156,192,213) - #aac8db
#aac8dbrgb(170,200,219) - #b8d1e1
#b8d1e1rgb(184,209,225) - #c6dae7
#c6dae7rgb(198,218,231) - #d4e3ed
#d4e3edrgb(212,227,237) - #e1ecf2
#e1ecf2rgb(225,236,242) - #eff5f8
#eff5f8rgb(239,245,248) - #fdfefe
#fdfefergb(253,254,254)
色调
通过添加灰色或调整饱和度,可以探索#4b8ab1在不同色调下的表现,从而获得更丰富的视觉情绪。
- #7b7f81
#7b7f81rgb(123,127,129) - #72818a
#72818argb(114,129,138) - #688394
#688394rgb(104,131,148) - #5e859e
#5e859ergb(94,133,158) - #5588a7
#5588a7rgb(85,136,167) - #4b8ab1
#4b8ab1rgb(75,138,177) - #418cbb
#418cbbrgb(65,140,187) - #388fc4
#388fc4rgb(56,143,196) - #2e91ce
#2e91cergb(46,145,206) - #2493d8
#2493d8rgb(36,147,216) - #1b95e1
#1b95e1rgb(27,149,225) - #1198eb
#1198ebrgb(17,152,235) - #079af5
#079af5rgb(7,154,245)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#4b8ab1的相关代码。
#4b8ab1文本颜色
此段文字的字体颜色为#4b8ab1.
<span style="color:#4b8ab1;">文本</span>#4b8ab1背景颜色
此段背景颜色为#4b8ab1.
<p style="background-color:#4b8ab1;">文本</p>#4b8ab1边框颜色
这个边框颜色为#4b8ab1.
<div style="border:1px solid #4b8ab1;">文本</div>CSS代码
.text{color:#4b8ab1}.background{background-color:#4b8ab1}.border{border:1px solid#4b8ab1}
