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

在RGB颜色空间中，#2e5a77由18.04％红色，35.29％绿色和46.67％蓝色组成，十进制红色值为46，绿色值为90，蓝色值为119。在CMKY色彩空间中，他由61.35%青色，24.37%品红色，0.0%黄色和53.33%黑色组成。最接近的网页安全颜色是：＃336666。

♥
- R18.0
- G35.3
- B46.7
RGB百分比
- C61.3
- M24.4
- Y0.0
- K53.3
CMYK百分比

＃2e5a77十进制的RGB值为R:46,G:90,B:119。CMYK值为C:61.345,M：24.371,Y:0.0,K:53.333

RGB	46,90,119
百分比	18.04%,35.29%,46.67%
十六进制	2e5a77
十进制	3037815
二进制	00101110,01011010,01110111
CMYK	61.345,24.371,0.0,53.333
CMYK百分比	61%,24%,0%,53%
CMY	0.82,0.647,0.533
CMY百分比	82%,65%,53%
HSL	203.84°,44.24,32.35
HSV(or HSB)	203.84°,61.345000000000006,46.67

XYZ	8.112,9.225,18.805
xyY	0.224,0.255,9.225
CIE-LAB	36.413,-5.779,-21.011
CIE-LUV	36.413,-17.949,-28.002
CIE-LCH/LCHab	36.413,21.792,254.621
CIE-LUV/LCHuv	36.413,33.261,237.341
Hunter-Lab	30.372,-5.476,-15.449
YIQ	80.15,-35.5373,-0.2812
YUV	80.15,19.11862,-29.96029
网页安全色	#336666
颜色名称

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

#2e5a77
```
#2e5a77rgb(119,75,46)
```
#774b2e
```
#774b2ergb(119,75,46)
```

互补色

#2e7770
```
#2e7770rgb(46,119,112)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#2e3677
```
#2e3677rgb(46,54,119)
```

类似色

#4b772e
```
#4b772ergb(75,119,46)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#392e77
```
#392e77rgb(57,46,119)
```

中差色

#77702e
```
#77702ergb(119,112,46)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#772e36
```
#772e36rgb(119,46,54)
```

分裂补色

#5a772e
```
#5a772ergb(90,119,46)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#772e5a
```
#772e5argb(119,46,90)
```

正三角形(三元)配色

#2e5a77
```
#2e5a77rgb(46,90,119)
```
#2e774b
```
#2e774brgb(46,119,75)
```
#774b2e
```
#774b2ergb(119,75,46)
```
#772e5a
```
#772e5argb(119,46,90)
```

矩形（四元）配色

#2e5a77
```
#2e5a77rgb(46,90,119)
```
#35772e
```
#35772ergb(53,119,46)
```
#6f2e77
```
#6f2e77rgb(111,46,119)
```
#774b2e
```
#774b2ergb(119,75,46)
```

方形（四元）配色

#193040
```
#193040rgb(25,48,64)
```
#203e52
```
#203e52rgb(32,62,82)
```
#274c65
```
#274c65rgb(39,76,101)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#356889
```
#356889rgb(53,104,137)
```
#3c769c
```
#3c769crgb(60,118,156)
```
#4384ae
```
#4384aergb(67,132,174)
```

单色

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

#2e6c77
```
#2e6c77rgb(46,108,119)
```
#2e6677
```
#2e6677rgb(46,102,119)
```
#2e6077
```
#2e6077rgb(46,96,119)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#2e5477
```
#2e5477rgb(46,84,119)
```
#2e4e77
```
#2e4e77rgb(46,78,119)
```
#2e4877
```
#2e4877rgb(46,72,119)
```

相似颜色

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

#4485b0
```
#4485b0rgb(68,133,176)
```
#3e7aa1
```
#3e7aa1rgb(62,122,161)
```
#396f93
```
#396f93rgb(57,111,147)
```
#336585
```
#336585rgb(51,101,133)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#294f69
```
#294f69rgb(41,79,105)
```
#23455b
```
#23455brgb(35,69,91)
```
#1e3a4d
```
#1e3a4drgb(30,58,77)
```
#182f3e
```
#182f3ergb(24,47,62)
```
#132530
```
#132530rgb(19,37,48)
```
#0d1a22
```
#0d1a22rgb(13,26,34)
```
#080f14
```
#080f14rgb(8,15,20)
```
#020406
```
#020406rgb(2,4,6)
```

至黑

#4d8fba
```
#4d8fbargb(77,143,186)
```
#5b98c0
```
#5b98c0rgb(91,152,192)
```
#69a1c5
```
#69a1c5rgb(105,161,197)
```
#77aacb
```
#77aacbrgb(119,170,203)
```
#86b2d0
```
#86b2d0rgb(134,178,208)
```
#94bbd6
```
#94bbd6rgb(148,187,214)
```
#a2c4db
```
#a2c4dbrgb(162,196,219)
```
#b0cde0
```
#b0cde0rgb(176,205,224)
```
#bed6e6
```
#bed6e6rgb(190,214,230)
```
#ccdfeb
```
#ccdfebrgb(204,223,235)
```
#dae8f1
```
#dae8f1rgb(218,232,241)
```
#e9f1f6
```
#e9f1f6rgb(233,241,246)
```
#f7fafc
```
#f7fafcrgb(247,250,252)
```

至白

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

#4e5357
```
#4e5357rgb(78,83,87)
```
#47555e
```
#47555ergb(71,85,94)
```
#415664
```
#415664rgb(65,86,100)
```
#3b576a
```
#3b576argb(59,87,106)
```
#345971
```
#345971rgb(52,89,113)
```
#2e5a77
```
#2e5a77rgb(46,90,119)
```
#285b7d
```
#285b7drgb(40,91,125)
```
#215d84
```
#215d84rgb(33,93,132)
```
#1b5e8a
```
#1b5e8argb(27,94,138)
```
#155f90
```
#155f90rgb(21,95,144)
```
#0e6197
```
#0e6197rgb(14,97,151)
```
#08629d
```
#08629drgb(8,98,157)
```
#0263a3
```
#0263a3rgb(2,99,163)
```

色调变化

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

#2e5a77文本颜色

此段文字的字体颜色为#2e5a77.

<span style="color:#2e5a77;">文本</span>

#2e5a77背景颜色

此段背景颜色为#2e5a77.

<p style="background-color:#2e5a77;">文本</p>

#2e5a77边框颜色

这个边框颜色为#2e5a77.

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

CSS代码

.text{color:#2e5a77}

.background{background-color:#2e5a77}

.border{border:1px solid#2e5a77}

#2e5a77

2e5a77颜色信息

颜色转换

配色方案

相似颜色

2e5a77色度/色彩

色调

HTML/CSS代码