4d8fb4颜色信息
在RGB颜色空间中,#4d8fb4由30.2%红色,56.08%绿色和70.59%蓝色组成,十进制红色值为77,绿色值为143,蓝色值为180。在CMKY色彩空间中,他由57.22%青色,20.56%品红色,0.0%黄色和29.41%黑色组成。最接近的网页安全颜色是:#6699cc。
- R30.2
- G56.1
- B70.6
- C57.2
- M20.6
- Y0.0
- K29.4
颜色转换
#4d8fb4十进制的RGB值为R:77,G:143,B:180。CMYK值为C:57.222,M:20.556,Y:0.0,K:29.412
| RGB | 77,143,180 |
|---|---|
| 百分比 | 30.2%,56.08%,70.59% |
| 十六进制 | 4d8fb4 |
| 十进制 | 5083060 |
| 二进制 | 01001101,10001111,10110100 |
| CMYK | 57.222,20.556,0.0,29.412 |
| CMYK百分比 | 57%,21%,0%,29% |
| CMY | 0.698,0.439,0.294 |
| CMY百分比 | 70%,44%,29% |
| HSL | 201.55°,40.71,50.39 |
| HSV(or HSB) | 201.55°,57.221999999999994,70.59 |
| XYZ | 21.119,24.517,46.797 |
|---|---|
| xyY | 0.228,0.265,24.517 |
| CIE-LAB | 56.601,-10.094,-25.758 |
| CIE-LUV | 56.601,-28.127,-37.846 |
| CIE-LCH/LCHab | 56.601,27.665,248.6 |
| CIE-LUV/LCHuv | 56.601,47.154,233.38 |
| Hunter-Lab | 49.514,-10.515,-21.376 |
| YIQ | 127.484,-51.2175,-2.4446 |
| YUV | 127.484,25.84401,-44.29037 |
| 网页安全色 | #6699cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#4d8fb4在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
4d8fb4色度/色彩
通过调整亮度或饱和度,可以得到#4d8fb4向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #4684a7
#4684a7rgb(70,132,167) - #417999
#417999rgb(65,121,153) - #3b6e8b
#3b6e8brgb(59,110,139) - #35647e
#35647ergb(53,100,126) - #2f5970
#2f5970rgb(47,89,112) - #294e62
#294e62rgb(41,78,98) - #234354
#234354rgb(35,67,84) - #1e3846
#1e3846rgb(30,56,70) - #182d39
#182d39rgb(24,45,57) - #12222b
#12222brgb(18,34,43) - #0c171d
#0c171drgb(12,23,29) - #060c0f
#060c0frgb(6,12,15) - #010101
#010101rgb(1,1,1)
- #4d8fb4
#4d8fb4rgb(77,143,180) - #5b98ba
#5b98bargb(91,152,186) - #69a0c0
#69a0c0rgb(105,160,192) - #76a9c5
#76a9c5rgb(118,169,197) - #84b2cb
#84b2cbrgb(132,178,203) - #92bad1
#92bad1rgb(146,186,209) - #a0c3d7
#a0c3d7rgb(160,195,215) - #aeccdd
#aeccddrgb(174,204,221) - #bbd4e3
#bbd4e3rgb(187,212,227) - #c9dde8
#c9dde8rgb(201,221,232) - #d7e6ee
#d7e6eergb(215,230,238) - #e5eff4
#e5eff4rgb(229,239,244) - #f3f7fa
#f3f7fargb(243,247,250)
色调
通过添加灰色或调整饱和度,可以探索#4d8fb4在不同色调下的表现,从而获得更丰富的视觉情绪。
- #7e8183
#7e8183rgb(126,129,131) - #74848d
#74848drgb(116,132,141) - #6a8797
#6a8797rgb(106,135,151) - #608aa1
#608aa1rgb(96,138,161) - #578caa
#578caargb(87,140,170) - #4d8fb4
#4d8fb4rgb(77,143,180) - #4392be
#4392bergb(67,146,190) - #3a94c7
#3a94c7rgb(58,148,199) - #3097d1
#3097d1rgb(48,151,209) - #269adb
#269adbrgb(38,154,219) - #1c9de5
#1c9de5rgb(28,157,229) - #139fee
#139feergb(19,159,238) - #09a2f8
#09a2f8rgb(9,162,248)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#4d8fb4的相关代码。
#4d8fb4文本颜色
此段文字的字体颜色为#4d8fb4.
<span style="color:#4d8fb4;">文本</span>#4d8fb4背景颜色
此段背景颜色为#4d8fb4.
<p style="background-color:#4d8fb4;">文本</p>#4d8fb4边框颜色
这个边框颜色为#4d8fb4.
<div style="border:1px solid #4d8fb4;">文本</div>CSS代码
.text{color:#4d8fb4}.background{background-color:#4d8fb4}.border{border:1px solid#4d8fb4}
