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

在RGB颜色空间中，#2a86be由16.47％红色，52.55％绿色和74.51％蓝色组成，十进制红色值为42，绿色值为134，蓝色值为190。在CMKY色彩空间中，他由77.89%青色，29.47%品红色，0.0%黄色和25.49%黑色组成。最接近的网页安全颜色是：＃3399cc。

♥
- R16.5
- G52.5
- B74.5
RGB百分比
- C77.9
- M29.5
- Y0.0
- K25.5
CMYK百分比

＃2a86be十进制的RGB值为R:42,G:134,B:190。CMYK值为C:77.894,M：29.474,Y:0.0,K:25.49

RGB	42,134,190
百分比	16.47%,52.55%,74.51%
十六进制	2a86be
十进制	2787006
二进制	00101010,10000110,10111110
CMYK	77.894,29.474,0.0,25.49
CMYK百分比	78%,29%,0%,25%
CMY	0.835,0.475,0.255
CMY百分比	84%,47%,25%
HSL	202.7°,63.79,45.49
HSV(or HSB)	202.7°,77.89500000000001,74.51

XYZ	18.772,21.259,51.826
xyY	0.204,0.231,21.259
CIE-LAB	53.231,-7.231,-36.792
CIE-LUV	53.231,-31.536,-55.604
CIE-LCH/LCHab	53.231,37.496,258.88
CIE-LUV/LCHuv	53.231,63.924,240.44
Hunter-Lab	46.107,-8.013,-34.37
YIQ	112.876,-72.8156,-2.0308
YUV	112.876,37.9533,-62.18056
网页安全色	#3399cc
颜色名称

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

#2a86be
```
#2a86bergb(190,98,42)
```
#be622a
```
#be622argb(190,98,42)
```

互补色

#2abeac
```
#2abeacrgb(42,190,172)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#2a3cbe
```
#2a3cbergb(42,60,190)
```

类似色

#68be2a
```
#68be2argb(104,190,42)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#3d2abe
```
#3d2abergb(61,42,190)
```

中差色

#beac2a
```
#beac2argb(190,172,42)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#be2a3c
```
#be2a3crgb(190,42,60)
```

分裂补色

#86be2a
```
#86be2argb(134,190,42)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#be2a86
```
#be2a86rgb(190,42,134)
```

正三角形(三元)配色

#2a86be
```
#2a86bergb(42,134,190)
```
#2abe62
```
#2abe62rgb(42,190,98)
```
#be622a
```
#be622argb(190,98,42)
```
#be2a86
```
#be2a86rgb(190,42,134)
```

矩形（四元）配色

#2a86be
```
#2a86bergb(42,134,190)
```
#3cbe2a
```
#3cbe2argb(60,190,42)
```
#ac2abe
```
#ac2abergb(172,42,190)
```
#be622a
```
#be622argb(190,98,42)
```

方形（四元）配色

#1c5a7f
```
#1c5a7frgb(28,90,127)
```
#216994
```
#216994rgb(33,105,148)
```
#2577a9
```
#2577a9rgb(37,119,169)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#3094d1
```
#3094d1rgb(48,148,209)
```
#459fd6
```
#459fd6rgb(69,159,214)
```
#5aaadb
```
#5aaadbrgb(90,170,219)
```

单色

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

#2aabbe
```
#2aabbergb(42,171,190)
```
#2a9fbe
```
#2a9fbergb(42,159,190)
```
#2a92be
```
#2a92bergb(42,146,190)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#2a7abe
```
#2a7abergb(42,122,190)
```
#2a6dbe
```
#2a6dbergb(42,109,190)
```
#2a61be
```
#2a61bergb(42,97,190)
```

相似颜色

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

#2e91ce
```
#2e91cergb(46,145,206)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#267bae
```
#267baergb(38,123,174)
```
#236f9e
```
#236f9ergb(35,111,158)
```
#1f648e
```
#1f648ergb(31,100,142)
```
#1c597e
```
#1c597ergb(28,89,126)
```
#184d6e
```
#184d6ergb(24,77,110)
```
#15425e
```
#15425ergb(21,66,94)
```
#11374e
```
#11374ergb(17,55,78)
```
#0e2b3d
```
#0e2b3drgb(14,43,61)
```
#0a202d
```
#0a202drgb(10,32,45)
```
#06151d
```
#06151drgb(6,21,29)
```
#03090d
```
#03090drgb(3,9,13)
```

至黑

#3b9ad4
```
#3b9ad4rgb(59,154,212)
```
#4ca2d7
```
#4ca2d7rgb(76,162,215)
```
#5cabdb
```
#5cabdbrgb(92,171,219)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#7cbbe2
```
#7cbbe2rgb(124,187,226)
```
#8cc4e6
```
#8cc4e6rgb(140,196,230)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#acd4ed
```
#acd4edrgb(172,212,237)
```
#bcdcf0
```
#bcdcf0rgb(188,220,240)
```
#cce5f4
```
#cce5f4rgb(204,229,244)
```
#dcedf7
```
#dcedf7rgb(220,237,247)
```
#ecf5fb
```
#ecf5fbrgb(236,245,251)
```
#fcfefe
```
#fcfefergb(252,254,254)
```

至白

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

#717577
```
#717577rgb(113,117,119)
```
#687780
```
#687780rgb(104,119,128)
```
#607988
```
#607988rgb(96,121,136)
```
#577b91
```
#577b91rgb(87,123,145)
```
#4e7d9a
```
#4e7d9argb(78,125,154)
```
#457fa3
```
#457fa3rgb(69,127,163)
```
#3c82ac
```
#3c82acrgb(60,130,172)
```
#3384b5
```
#3384b5rgb(51,132,181)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#2188c7
```
#2188c7rgb(33,136,199)
```
#188ad0
```
#188ad0rgb(24,138,208)
```
#0f8dd9
```
#0f8dd9rgb(15,141,217)
```
#068fe2
```
#068fe2rgb(6,143,226)
```

色调变化

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

#2a86be文本颜色

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

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

#2a86be背景颜色

此段背景颜色为#2a86be.

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

#2a86be边框颜色

这个边框颜色为#2a86be.

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

CSS代码

.text{color:#2a86be}

.background{background-color:#2a86be}

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

#2a86be

2a86be颜色信息

颜色转换

配色方案

相似颜色

2a86be色度/色彩

色调

HTML/CSS代码