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

在RGB颜色空间中，#4c77b9由29.8％红色，46.67％绿色和72.55％蓝色组成，十进制红色值为76，绿色值为119，蓝色值为185。在CMKY色彩空间中，他由58.92%青色，35.68%品红色，0.0%黄色和27.45%黑色组成。最接近的网页安全颜色是：＃3366cc。

♥
- R29.8
- G46.7
- B72.5
RGB百分比
- C58.9
- M35.7
- Y0.0
- K27.5
CMYK百分比

＃4c77b9十进制的RGB值为R:76,G:119,B:185。CMYK值为C:58.919,M：35.675,Y:0.0,K:27.451

RGB	76,119,185
百分比	29.8%,46.67%,72.55%
十六进制	4c77b9
十进制	5011385
二进制	01001100,01110111,10111001
CMYK	58.919,35.675,0.0,27.451
CMYK百分比	59%,36%,0%,27%
CMY	0.702,0.533,0.275
CMY百分比	70%,53%,27%
HSL	216.33°,43.77,51.18
HSV(or HSB)	216.33°,58.919,72.55

XYZ	18.332,18.232,48.449
xyY	0.216,0.214,18.232
CIE-LAB	49.776,5.37,-39.281
CIE-LUV	49.776,-19.477,-60.171
CIE-LCH/LCHab	49.776,39.646,277.784
CIE-LUV/LCHuv	49.776,63.244,252.063
Hunter-Lab	42.699,1.914,-37.386
YIQ	113.667,-46.8295,11.4447
YUV	113.667,35.10378,-33.04566
网页安全色	#3366cc
颜色名称

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

#4c77b9
```
#4c77b9rgb(185,142,76)
```
#b98e4c
```
#b98e4crgb(185,142,76)
```

互补色

#4cadb9
```
#4cadb9rgb(76,173,185)
```
#4c77b9
```
#4c77b9rgb(76,119,185)
```
#574cb9
```
#574cb9rgb(87,76,185)
```

类似色

#61b94c
```
#61b94crgb(97,185,76)
```
#4c77b9
```
#4c77b9rgb(76,119,185)
```
#734cb9
```
#734cb9rgb(115,76,185)
```

中差色

#adb94c
```
#adb94crgb(173,185,76)
```
#4c77b9
```
#4c77b9rgb(76,119,185)
```
#b9574c
```
#b9574crgb(185,87,76)
```

分裂补色

#77b94c
```
#77b94crgb(119,185,76)
```
#4c77b9
```
#4c77b9rgb(76,119,185)
```
#b94c77
```
#b94c77rgb(185,76,119)
```

正三角形(三元)配色

#4c77b9
```
#4c77b9rgb(76,119,185)
```
#4cb98e
```
#4cb98ergb(76,185,142)
```
#b98e4c
```
#b98e4crgb(185,142,76)
```
#b94c77
```
#b94c77rgb(185,76,119)
```

矩形（四元）配色

#4c77b9
```
#4c77b9rgb(76,119,185)
```
#4cb958
```
#4cb958rgb(76,185,88)
```
#b94cae
```
#b94caergb(185,76,174)
```
#b98e4c
```
#b98e4crgb(185,142,76)
```

方形（四元）配色

#345485
```
#345485rgb(52,84,133)
```
#3b5f97
```
#3b5f97rgb(59,95,151)
```
#426ba9
```
#426ba9rgb(66,107,169)
```
#4c77b9
```
#4c77b9rgb(76,119,185)
```
#5e85c0
```
#5e85c0rgb(94,133,192)
```
#7193c7
```
#7193c7rgb(113,147,199)
```
#83a1cf
```
#83a1cfrgb(131,161,207)
```

单色

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

#4c92b9
```
#4c92b9rgb(76,146,185)
```
#4c89b9
```
#4c89b9rgb(76,137,185)
```
#4c80b9
```
#4c80b9rgb(76,128,185)
```
#4c77b9
```
#4c77b9rgb(76,119,185)
```
#4c6eb9
```
#4c6eb9rgb(76,110,185)
```
#4c65b9
```
#4c65b9rgb(76,101,185)
```
#4c5cb9
```
#4c5cb9rgb(76,92,185)
```

相似颜色

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

#446eae
```
#446eaergb(68,110,174)
```
#3e659f
```
#3e659frgb(62,101,159)
```
#395c91
```
#395c91rgb(57,92,145)
```
#335383
```
#335383rgb(51,83,131)
```
#2e4a75
```
#2e4a75rgb(46,74,117)
```
#284167
```
#284167rgb(40,65,103)
```
#233859
```
#233859rgb(35,56,89)
```
#1d2f4b
```
#1d2f4brgb(29,47,75)
```
#18263d
```
#18263drgb(24,38,61)
```
#121d2f
```
#121d2frgb(18,29,47)
```
#0d1521
```
#0d1521rgb(13,21,33)
```
#070c12
```
#070c12rgb(7,12,18)
```
#020304
```
#020304rgb(2,3,4)
```

至黑

#4c77b9
```
#4c77b9rgb(76,119,185)
```
#5a82bf
```
#5a82bfrgb(90,130,191)
```
#688cc4
```
#688cc4rgb(104,140,196)
```
#7697ca
```
#7697cargb(118,151,202)
```
#84a2cf
```
#84a2cfrgb(132,162,207)
```
#93add5
```
#93add5rgb(147,173,213)
```
#a1b7da
```
#a1b7dargb(161,183,218)
```
#afc2e0
```
#afc2e0rgb(175,194,224)
```
#bdcde5
```
#bdcde5rgb(189,205,229)
```
#cbd7eb
```
#cbd7ebrgb(203,215,235)
```
#d9e2f0
```
#d9e2f0rgb(217,226,240)
```
#e7edf6
```
#e7edf6rgb(231,237,246)
```
#f5f8fb
```
#f5f8fbrgb(245,248,251)
```

至白

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

#7c8189
```
#7c8189rgb(124,129,137)
```
#727f93
```
#727f93rgb(114,127,147)
```
#697d9c
```
#697d9crgb(105,125,156)
```
#5f7ba6
```
#5f7ba6rgb(95,123,166)
```
#5679af
```
#5679afrgb(86,121,175)
```
#4c77b9
```
#4c77b9rgb(76,119,185)
```
#4275c3
```
#4275c3rgb(66,117,195)
```
#3973cc
```
#3973ccrgb(57,115,204)
```
#2f71d6
```
#2f71d6rgb(47,113,214)
```
#266fdf
```
#266fdfrgb(38,111,223)
```
#1c6de9
```
#1c6de9rgb(28,109,233)
```
#136bf2
```
#136bf2rgb(19,107,242)
```
#0969fc
```
#0969fcrgb(9,105,252)
```

色调变化

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

#4c77b9文本颜色

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

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

#4c77b9背景颜色

此段背景颜色为#4c77b9.

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

#4c77b9边框颜色

这个边框颜色为#4c77b9.

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

CSS代码

.text{color:#4c77b9}

.background{background-color:#4c77b9}

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

#4c77b9

4c77b9颜色信息

颜色转换

配色方案

相似颜色

4c77b9色度/色彩

色调

HTML/CSS代码