#4d8ea5颜色信息-RGB,CMYK,配色方案|Coloraa颜色查询

在RGB颜色空间中，#4d8ea5由30.2％红色，55.69％绿色和64.71％蓝色组成，十进制红色值为77，绿色值为142，蓝色值为165。在CMKY色彩空间中，他由53.33%青色，13.94%品红色，0.0%黄色和35.29%黑色组成。最接近的网页安全颜色是：＃669999。

♥
- R30.2
- G55.7
- B64.7
RGB百分比
- C53.3
- M13.9
- Y0.0
- K35.3
CMYK百分比

＃4d8ea5十进制的RGB值为R:77,G:142,B:165。CMYK值为C:53.334,M：13.94,Y:0.0,K:35.294

RGB	77,142,165
百分比	30.2%,55.69%,64.71%
十六进制	4d8ea5
十进制	5082789
二进制	01001101,10001110,10100101
CMYK	53.334,13.94,0.0,35.294
CMYK百分比	53%,14%,0%,35%
CMY	0.698,0.443,0.353
CMY百分比	70%,44%,35%
HSL	195.68°,36.36,47.45
HSV(or HSB)	195.68°,53.333,64.71

XYZ	19.523,23.639,39.129
xyY	0.237,0.287,23.639
CIE-LAB	55.724,-14.144,-18.53
CIE-LUV	55.724,-28.217,-25.697
CIE-LCH/LCHab	55.724,23.311,232.645
CIE-LUV/LCHuv	55.724,38.165,222.324
Hunter-Lab	48.62,-13.409,-13.682
YIQ	125.187,-46.1234,-6.5899
YUV	125.187,19.59287,-42.27523
网页安全色	#669999
颜色名称

为您提供丰富多样的颜色搭配灵感，帮助您在各个领域中实现理想的视觉效果。

#4d8ea5
```
#4d8ea5rgb(165,100,77)
```
#a5644d
```
#a5644drgb(165,100,77)
```

互补色

#4da590
```
#4da590rgb(77,165,144)
```
#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#4d62a5
```
#4d62a5rgb(77,98,165)
```

类似色

#7ca54d
```
#7ca54drgb(124,165,77)
```
#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#4e4da5
```
#4e4da5rgb(78,77,165)
```

中差色

#a5904d
```
#a5904drgb(165,144,77)
```
#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#a54d62
```
#a54d62rgb(165,77,98)
```

分裂补色

#8ea54d
```
#8ea54drgb(142,165,77)
```
#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#a54d8e
```
#a54d8ergb(165,77,142)
```

正三角形(三元)配色

#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#4da564
```
#4da564rgb(77,165,100)
```
#a5644d
```
#a5644drgb(165,100,77)
```
#a54d8e
```
#a54d8ergb(165,77,142)
```

矩形（四元）配色

#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#62a54d
```
#62a54drgb(98,165,77)
```
#904da5
```
#904da5rgb(144,77,165)
```
#a5644d
```
#a5644drgb(165,100,77)
```

方形（四元）配色

#356171
```
#356171rgb(53,97,113)
```
#3d7082
```
#3d7082rgb(61,112,130)
```
#457f94
```
#457f94rgb(69,127,148)
```
#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#5a9bb2
```
#5a9bb2rgb(90,155,178)
```
#6ba5ba
```
#6ba5bargb(107,165,186)
```
#7cb0c2
```
#7cb0c2rgb(124,176,194)
```

单色

以下颜色与#4d8ea5在视觉上高度相似，或者属于同一色系，在寻求微妙变化时可作参考。

#4da4a5
```
#4da4a5rgb(77,164,165)
```
#4d9da5
```
#4d9da5rgb(77,157,165)
```
#4d95a5
```
#4d95a5rgb(77,149,165)
```
#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#4d87a5
```
#4d87a5rgb(77,135,165)
```
#4d7fa5
```
#4d7fa5rgb(77,127,165)
```
#4d78a5
```
#4d78a5rgb(77,120,165)
```

相似颜色

通过调整亮度或饱和度，可以得到#4d8ea5向黑或向白过渡的渐变色板，这些变化能为您提供丰富的层次感选择。

#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#478298
```
#478298rgb(71,130,152)
```
#41778a
```
#41778argb(65,119,138)
```
#3a6b7d
```
#3a6b7drgb(58,107,125)
```
#346070
```
#346070rgb(52,96,112)
```
#2e5462
```
#2e5462rgb(46,84,98)
```
#284955
```
#284955rgb(40,73,85)
```
#213d47
```
#213d47rgb(33,61,71)
```
#1b323a
```
#1b323argb(27,50,58)
```
#15262d
```
#15262drgb(21,38,45)
```
#0f1b1f
```
#0f1b1frgb(15,27,31)
```
#080f12
```
#080f12rgb(8,15,18)
```
#020405
```
#020405rgb(2,4,5)
```

至黑

#5698b0
```
#5698b0rgb(86,152,176)
```
#63a0b6
```
#63a0b6rgb(99,160,182)
```
#70a9bc
```
#70a9bcrgb(112,169,188)
```
#7eb1c3
```
#7eb1c3rgb(126,177,195)
```
#8bb9c9
```
#8bb9c9rgb(139,185,201)
```
#99c1cf
```
#99c1cfrgb(153,193,207)
```
#a6c9d5
```
#a6c9d5rgb(166,201,213)
```
#b3d1dc
```
#b3d1dcrgb(179,209,220)
```
#c1d9e2
```
#c1d9e2rgb(193,217,226)
```
#cee1e8
```
#cee1e8rgb(206,225,232)
```
#dbe9ee
```
#dbe9eergb(219,233,238)
```
#e9f2f5
```
#e9f2f5rgb(233,242,245)
```
#f6fafb
```
#f6fafbrgb(246,250,251)
```

至白

通过添加灰色或调整饱和度，可以探索#4d8ea5在不同色调下的表现，从而获得更丰富的视觉情绪。

#727c80
```
#727c80rgb(114,124,128)
```
#698189
```
#698189rgb(105,129,137)
```
#608592
```
#608592rgb(96,133,146)
```
#568a9c
```
#568a9crgb(86,138,156)
```
#4d8ea5
```
#4d8ea5rgb(77,142,165)
```
#4492ae
```
#4492aergb(68,146,174)
```
#3a97b8
```
#3a97b8rgb(58,151,184)
```
#319bc1
```
#319bc1rgb(49,155,193)
```
#28a0ca
```
#28a0cargb(40,160,202)
```
#1ea4d4
```
#1ea4d4rgb(30,164,212)
```
#15a9dd
```
#15a9ddrgb(21,169,221)
```
#0cade6
```
#0cade6rgb(12,173,230)
```
#03b2ef
```
#03b2efrgb(3,178,239)
```

色调变化

直接在您的网页设计或开发项目中使用#4d8ea5的相关代码。

#4d8ea5文本颜色

此段文字的字体颜色为#4d8ea5.

<span style="color:#4d8ea5;">文本</span>

#4d8ea5背景颜色

此段背景颜色为#4d8ea5.

<p style="background-color:#4d8ea5;">文本</p>

#4d8ea5边框颜色

这个边框颜色为#4d8ea5.

<div style="border:1px solid #4d8ea5;">文本</div>

CSS代码

.text{color:#4d8ea5}

.background{background-color:#4d8ea5}

.border{border:1px solid#4d8ea5}

#4d8ea5

4d8ea5颜色信息

颜色转换

配色方案

相似颜色

4d8ea5色度/色彩

色调

HTML/CSS代码