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

在RGB颜色空间中，#4d7ba2由30.2％红色，48.24％绿色和63.53％蓝色组成，十进制红色值为77，绿色值为123，蓝色值为162。在CMKY色彩空间中，他由52.47%青色，24.07%品红色，0.0%黄色和36.47%黑色组成。最接近的网页安全颜色是：＃666699。

♥
- R30.2
- G48.2
- B63.5
RGB百分比
- C52.5
- M24.1
- Y0.0
- K36.5
CMYK百分比

＃4d7ba2十进制的RGB值为R:77,G:123,B:162。CMYK值为C:52.469,M：24.074,Y:0.0,K:36.471

RGB	77,123,162
百分比	30.2%,48.24%,63.53%
十六进制	4d7ba2
十进制	5077922
二进制	01001101,01111011,10100010
CMYK	52.469,24.074,0.0,36.471
CMYK百分比	52%,24%,0%,36%
CMY	0.698,0.518,0.365
CMY百分比	70%,52%,36%
HSL	207.53°,35.57,46.86
HSV(or HSB)	207.53°,52.469,63.53

XYZ	16.664,18.351,36.845
xyY	0.232,0.255,18.351
CIE-LAB	49.919,-4.294,-25.715
CIE-LUV	49.919,-20.913,-37.614
CIE-LCH/LCHab	49.919,26.071,260.52
CIE-LUV/LCHuv	49.919,43.037,240.927
Hunter-Lab	42.839,-5.533,-21.007
YIQ	113.692,-39.9421,2.4078
YUV	113.692,23.77321,-32.19039
网页安全色	#666699
颜色名称

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

#4d7ba2
```
#4d7ba2rgb(162,116,77)
```
#a2744d
```
#a2744drgb(162,116,77)
```

互补色

#4da29f
```
#4da29frgb(77,162,159)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#4d51a2
```
#4d51a2rgb(77,81,162)
```

类似色

#6aa24d
```
#6aa24drgb(106,162,77)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#5f4da2
```
#5f4da2rgb(95,77,162)
```

中差色

#a29f4d
```
#a29f4drgb(162,159,77)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#a24d51
```
#a24d51rgb(162,77,81)
```

分裂补色

#7ba24d
```
#7ba24drgb(123,162,77)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#a24d7b
```
#a24d7brgb(162,77,123)
```

正三角形(三元)配色

#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#4da274
```
#4da274rgb(77,162,116)
```
#a2744d
```
#a2744drgb(162,116,77)
```
#a24d7b
```
#a24d7brgb(162,77,123)
```

矩形（四元）配色

#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#50a24d
```
#50a24drgb(80,162,77)
```
#9e4da2
```
#9e4da2rgb(158,77,162)
```
#a2744d
```
#a2744drgb(162,116,77)
```

方形（四元）配色

#34546e
```
#34546ergb(52,84,110)
```
#3d617f
```
#3d617frgb(61,97,127)
```
#456e91
```
#456e91rgb(69,110,145)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#5988b0
```
#5988b0rgb(89,136,176)
```
#6a94b8
```
#6a94b8rgb(106,148,184)
```
#7ba1c0
```
#7ba1c0rgb(123,161,192)
```

单色

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

#4d90a2
```
#4d90a2rgb(77,144,162)
```
#4d89a2
```
#4d89a2rgb(77,137,162)
```
#4d82a2
```
#4d82a2rgb(77,130,162)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#4d74a2
```
#4d74a2rgb(77,116,162)
```
#4d6da2
```
#4d6da2rgb(77,109,162)
```
#4d66a2
```
#4d66a2rgb(77,102,162)
```

相似颜色

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

#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#477195
```
#477195rgb(71,113,149)
```
#406787
```
#406787rgb(64,103,135)
```
#3a5d7a
```
#3a5d7argb(58,93,122)
```
#34536d
```
#34536drgb(52,83,109)
```
#2d4960
```
#2d4960rgb(45,73,96)
```
#273e52
```
#273e52rgb(39,62,82)
```
#213445
```
#213445rgb(33,52,69)
```
#1a2a38
```
#1a2a38rgb(26,42,56)
```
#14202a
```
#14202argb(20,32,42)
```
#0e161d
```
#0e161drgb(14,22,29)
```
#070c10
```
#070c10rgb(7,12,16)
```
#010202
```
#010202rgb(1,2,2)
```

至黑

#5585ae
```
#5585aergb(85,133,174)
```
#628fb4
```
#628fb4rgb(98,143,180)
```
#6f98bb
```
#6f98bbrgb(111,152,187)
```
#7ca2c1
```
#7ca2c1rgb(124,162,193)
```
#8aabc7
```
#8aabc7rgb(138,171,199)
```
#97b5ce
```
#97b5cergb(151,181,206)
```
#a4bed4
```
#a4bed4rgb(164,190,212)
```
#b2c8da
```
#b2c8dargb(178,200,218)
```
#bfd1e1
```
#bfd1e1rgb(191,209,225)
```
#ccdbe7
```
#ccdbe7rgb(204,219,231)
```
#dae4ed
```
#dae4edrgb(218,228,237)
```
#e7eef4
```
#e7eef4rgb(231,238,244)
```
#f4f7fa
```
#f4f7fargb(244,247,250)
```

至白

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

#72787d
```
#72787drgb(114,120,125)
```
#697986
```
#697986rgb(105,121,134)
```
#5f7990
```
#5f7990rgb(95,121,144)
```
#567a99
```
#567a99rgb(86,122,153)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#447cab
```
#447cabrgb(68,124,171)
```
#3b7db4
```
#3b7db4rgb(59,125,180)
```
#317dbe
```
#317dbergb(49,125,190)
```
#287ec7
```
#287ec7rgb(40,126,199)
```
#1f7fd0
```
#1f7fd0rgb(31,127,208)
```
#1680d9
```
#1680d9rgb(22,128,217)
```
#0d80e2
```
#0d80e2rgb(13,128,226)
```
#0381ec
```
#0381ecrgb(3,129,236)
```

色调变化

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

#4d7ba2文本颜色

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

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

#4d7ba2背景颜色

此段背景颜色为#4d7ba2.

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

#4d7ba2边框颜色

这个边框颜色为#4d7ba2.

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

CSS代码

.text{color:#4d7ba2}

.background{background-color:#4d7ba2}

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

#4d7ba2

4d7ba2颜色信息

颜色转换

配色方案

相似颜色

4d7ba2色度/色彩

色调

HTML/CSS代码