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

在RGB颜色空间中，#2d87c7由17.65％红色，52.94％绿色和78.04％蓝色组成，十进制红色值为45，绿色值为135，蓝色值为199。在CMKY色彩空间中，他由77.39%青色，32.16%品红色，0.0%黄色和21.96%黑色组成。最接近的网页安全颜色是：＃3399cc。

♥
- R17.6
- G52.9
- B78.0
RGB百分比
- C77.4
- M32.2
- Y0.0
- K22.0
CMYK百分比

＃2d87c7十进制的RGB值为R:45,G:135,B:199。CMYK值为C:77.387,M：32.161,Y:0.0,K:21.961

RGB	45,135,199
百分比	17.65%,52.94%,78.04%
十六进制	2d87c7
十进制	2983879
二进制	00101101,10000111,11000111
CMYK	77.387,32.161,0.0,21.961
CMYK百分比	77%,32%,0%,22%
CMY	0.824,0.471,0.22
CMY百分比	82%,47%,22%
HSL	204.93°,63.12,47.84
HSV(or HSB)	204.93°,77.387,78.04

XYZ	20.052,22.008,57.221
xyY	0.202,0.222,22.008
CIE-LAB	54.035,-4.221,-40.646
CIE-LUV	54.035,-31,-62.357
CIE-LCH/LCHab	54.035,40.865,264.072
CIE-LUV/LCHuv	54.035,69.638,243.566
Hunter-Lab	46.912,-5.798,-39.48
YIQ	115.386,-74.1942,0.8818
YUV	115.386,41.14705,-61.75064
网页安全色	#3399cc
颜色名称

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

#2d87c7
```
#2d87c7rgb(199,109,45)
```
#c76d2d
```
#c76d2drgb(199,109,45)
```

互补色

#2dc7ba
```
#2dc7bargb(45,199,186)
```
#2d87c7
```
#2d87c7rgb(45,135,199)
```
#2d3ac7
```
#2d3ac7rgb(45,58,199)
```

类似色

#68c72d
```
#68c72drgb(104,199,45)
```
#2d87c7
```
#2d87c7rgb(45,135,199)
```
#472dc7
```
#472dc7rgb(71,45,199)
```

中差色

#c7ba2d
```
#c7ba2drgb(199,186,45)
```
#2d87c7
```
#2d87c7rgb(45,135,199)
```
#c72d3a
```
#c72d3argb(199,45,58)
```

分裂补色

#87c72d
```
#87c72drgb(135,199,45)
```
#2d87c7
```
#2d87c7rgb(45,135,199)
```
#c72d87
```
#c72d87rgb(199,45,135)
```

正三角形(三元)配色

#2d87c7
```
#2d87c7rgb(45,135,199)
```
#2dc76d
```
#2dc76drgb(45,199,109)
```
#c76d2d
```
#c76d2drgb(199,109,45)
```
#c72d87
```
#c72d87rgb(199,45,135)
```

矩形（四元）配色

#2d87c7
```
#2d87c7rgb(45,135,199)
```
#3ac72d
```
#3ac72drgb(58,199,45)
```
#ba2dc7
```
#ba2dc7rgb(186,45,199)
```
#c76d2d
```
#c76d2drgb(199,109,45)
```

方形（四元）配色

#1f5d89
```
#1f5d89rgb(31,93,137)
```
#246b9d
```
#246b9drgb(36,107,157)
```
#2879b2
```
#2879b2rgb(40,121,178)
```
#2d87c7
```
#2d87c7rgb(45,135,199)
```
#3b94d3
```
#3b94d3rgb(59,148,211)
```
#509fd7
```
#509fd7rgb(80,159,215)
```
#64aadc
```
#64aadcrgb(100,170,220)
```

单色

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

#2daec7
```
#2daec7rgb(45,174,199)
```
#2da1c7
```
#2da1c7rgb(45,161,199)
```
#2d94c7
```
#2d94c7rgb(45,148,199)
```
#2d87c7
```
#2d87c7rgb(45,135,199)
```
#2d7ac7
```
#2d7ac7rgb(45,122,199)
```
#2d6dc7
```
#2d6dc7rgb(45,109,199)
```
#2d61c7
```
#2d61c7rgb(45,97,199)
```

相似颜色

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

#2d87c7
```
#2d87c7rgb(45,135,199)
```
#297cb7
```
#297cb7rgb(41,124,183)
```
#2671a7
```
#2671a7rgb(38,113,167)
```
#226697
```
#226697rgb(34,102,151)
```
#1f5c87
```
#1f5c87rgb(31,92,135)
```
#1b5177
```
#1b5177rgb(27,81,119)
```
#174667
```
#174667rgb(23,70,103)
```
#143b57
```
#143b57rgb(20,59,87)
```
#103047
```
#103047rgb(16,48,71)
```
#0c2537
```
#0c2537rgb(12,37,55)
```
#091a27
```
#091a27rgb(9,26,39)
```
#051017
```
#051017rgb(5,16,23)
```
#020507
```
#020507rgb(2,5,7)
```

至黑

#3691d2
```
#3691d2rgb(54,145,210)
```
#469ad5
```
#469ad5rgb(70,154,213)
```
#56a2d9
```
#56a2d9rgb(86,162,217)
```
#66abdc
```
#66abdcrgb(102,171,220)
```
#76b4e0
```
#76b4e0rgb(118,180,224)
```
#86bde4
```
#86bde4rgb(134,189,228)
```
#96c6e7
```
#96c6e7rgb(150,198,231)
```
#a6ceeb
```
#a6ceebrgb(166,206,235)
```
#b6d7ef
```
#b6d7efrgb(182,215,239)
```
#c6e0f2
```
#c6e0f2rgb(198,224,242)
```
#d6e9f6
```
#d6e9f6rgb(214,233,246)
```
#e6f1f9
```
#e6f1f9rgb(230,241,249)
```
#f6fafd
```
#f6fafdrgb(246,250,253)
```

至白

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

#787a7c
```
#787a7crgb(120,122,124)
```
#6f7c85
```
#6f7c85rgb(111,124,133)
```
#657d8f
```
#657d8frgb(101,125,143)
```
#5c7f98
```
#5c7f98rgb(92,127,152)
```
#5381a1
```
#5381a1rgb(83,129,161)
```
#4982ab
```
#4982abrgb(73,130,171)
```
#4084b4
```
#4084b4rgb(64,132,180)
```
#3685be
```
#3685bergb(54,133,190)
```
#2d87c7
```
#2d87c7rgb(45,135,199)
```
#2489d0
```
#2489d0rgb(36,137,208)
```
#1a8ada
```
#1a8adargb(26,138,218)
```
#118ce3
```
#118ce3rgb(17,140,227)
```
#078ded
```
#078dedrgb(7,141,237)
```

色调变化

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

#2d87c7文本颜色

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

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

#2d87c7背景颜色

此段背景颜色为#2d87c7.

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

#2d87c7边框颜色

这个边框颜色为#2d87c7.

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

CSS代码

.text{color:#2d87c7}

.background{background-color:#2d87c7}

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

#2d87c7

2d87c7颜色信息

颜色转换

配色方案

相似颜色

2d87c7色度/色彩

色调

HTML/CSS代码