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

在RGB颜色空间中，#2a96d5由16.47％红色，58.82％绿色和83.53％蓝色组成，十进制红色值为42，绿色值为150，蓝色值为213。在CMKY色彩空间中，他由80.28%青色，29.58%品红色，0.0%黄色和16.47%黑色组成。最接近的网页安全颜色是：＃3399cc。

♥
- R16.5
- G58.8
- B83.5
RGB百分比
- C80.3
- M29.6
- Y0.0
- K16.5
CMYK百分比

＃2a96d5十进制的RGB值为R:42,G:150,B:213。CMYK值为C:80.281,M：29.577,Y:0.0,K:16.471

RGB	42,150,213
百分比	16.47%,58.82%,83.53%
十六进制	2a96d5
十进制	2791125
二进制	00101010,10010110,11010101
CMYK	80.281,29.577,0.0,16.471
CMYK百分比	80%,30%,0%,16%
CMY	0.835,0.412,0.165
CMY百分比	84%,41%,16%
HSL	202.1°,67.06,50.0
HSV(or HSB)	202.1°,80.282,83.53

XYZ	23.868,27.107,66.921
xyY	0.202,0.23,27.107
CIE-LAB	59.073,-8.141,-40.608
CIE-LUV	59.073,-35.78,-62.857
CIE-LCH/LCHab	59.073,41.416,258.663
CIE-LUV/LCHuv	59.073,72.327,240.35
Hunter-Lab	52.064,-9.281,-39.764
YIQ	124.89,-84.5991,-3.2364
YUV	124.89,43.35954,-72.72063
网页安全色	#3399cc
颜色名称

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

#2a96d5
```
#2a96d5rgb(213,105,42)
```
#d5692a
```
#d5692argb(213,105,42)
```

互补色

#2ad5bf
```
#2ad5bfrgb(42,213,191)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#2a41d5
```
#2a41d5rgb(42,65,213)
```

类似色

#74d52a
```
#74d52argb(116,213,42)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#3e2ad5
```
#3e2ad5rgb(62,42,213)
```

中差色

#d5bf2a
```
#d5bf2argb(213,191,42)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#d52a41
```
#d52a41rgb(213,42,65)
```

分裂补色

#96d52a
```
#96d52argb(150,213,42)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#d52a96
```
#d52a96rgb(213,42,150)
```

正三角形(三元)配色

#2a96d5
```
#2a96d5rgb(42,150,213)
```
#2ad569
```
#2ad569rgb(42,213,105)
```
#d5692a
```
#d5692argb(213,105,42)
```
#d52a96
```
#d52a96rgb(213,42,150)
```

矩形（四元）配色

#2a96d5
```
#2a96d5rgb(42,150,213)
```
#40d52a
```
#40d52argb(64,213,42)
```
#be2ad5
```
#be2ad5rgb(190,42,213)
```
#d5692a
```
#d5692argb(213,105,42)
```

方形（四元）配色

#1d6995
```
#1d6995rgb(29,105,149)
```
#2278aa
```
#2278aargb(34,120,170)
```
#2687c0
```
#2687c0rgb(38,135,192)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#3fa1d9
```
#3fa1d9rgb(63,161,217)
```
#55abdd
```
#55abddrgb(85,171,221)
```
#6ab6e2
```
#6ab6e2rgb(106,182,226)
```

单色

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

#2ac1d5
```
#2ac1d5rgb(42,193,213)
```
#2ab3d5
```
#2ab3d5rgb(42,179,213)
```
#2aa4d5
```
#2aa4d5rgb(42,164,213)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#2a88d5
```
#2a88d5rgb(42,136,213)
```
#2a7ad5
```
#2a7ad5rgb(42,122,213)
```
#2a6bd5
```
#2a6bd5rgb(42,107,213)
```

相似颜色

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

#2a96d5
```
#2a96d5rgb(42,150,213)
```
#278ac5
```
#278ac5rgb(39,138,197)
```
#247fb4
```
#247fb4rgb(36,127,180)
```
#2073a4
```
#2073a4rgb(32,115,164)
```
#1d6893
```
#1d6893rgb(29,104,147)
```
#1a5c83
```
#1a5c83rgb(26,92,131)
```
#175173
```
#175173rgb(23,81,115)
```
#134562
```
#134562rgb(19,69,98)
```
#103a52
```
#103a52rgb(16,58,82)
```
#0d2e42
```
#0d2e42rgb(13,46,66)
```
#0a2331
```
#0a2331rgb(10,35,49)
```
#061721
```
#061721rgb(6,23,33)
```
#030c10
```
#030c10rgb(3,12,16)
```

至黑

#3a9ed8
```
#3a9ed8rgb(58,158,216)
```
#4ba6db
```
#4ba6dbrgb(75,166,219)
```
#5baedf
```
#5baedfrgb(91,174,223)
```
#6cb6e2
```
#6cb6e2rgb(108,182,226)
```
#7cbee5
```
#7cbee5rgb(124,190,229)
```
#8cc6e8
```
#8cc6e8rgb(140,198,232)
```
#9dcfec
```
#9dcfecrgb(157,207,236)
```
#add7ef
```
#add7efrgb(173,215,239)
```
#bddff2
```
#bddff2rgb(189,223,242)
```
#cee7f5
```
#cee7f5rgb(206,231,245)
```
#deeff9
```
#deeff9rgb(222,239,249)
```
#eff7fc
```
#eff7fcrgb(239,247,252)
```
#ffffff
```
#ffffffrgb(255,255,255)
```

至白

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

#788187
```
#788187rgb(120,129,135)
```
#6f8490
```
#6f8490rgb(111,132,144)
```
#65879a
```
#65879argb(101,135,154)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#518cae
```
#518caergb(81,140,174)
```
#478eb8
```
#478eb8rgb(71,142,184)
```
#3e91c1
```
#3e91c1rgb(62,145,193)
```
#3493cb
```
#3493cbrgb(52,147,203)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#2099df
```
#2099dfrgb(32,153,223)
```
#169be9
```
#169be9rgb(22,155,233)
```
#0d9ef2
```
#0d9ef2rgb(13,158,242)
```
#03a0fc
```
#03a0fcrgb(3,160,252)
```

色调变化

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

#2a96d5文本颜色

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

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

#2a96d5背景颜色

此段背景颜色为#2a96d5.

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

#2a96d5边框颜色

这个边框颜色为#2a96d5.

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

CSS代码

.text{color:#2a96d5}

.background{background-color:#2a96d5}

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

#2a96d5

2a96d5颜色信息

颜色转换

配色方案

相似颜色

2a96d5色度/色彩

色调

HTML/CSS代码