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

在RGB颜色空间中，#31a1e1由19.22％红色，63.14％绿色和88.24％蓝色组成，十进制红色值为49，绿色值为161，蓝色值为225。在CMKY色彩空间中，他由78.22%青色，28.44%品红色，0.0%黄色和11.77%黑色组成。最接近的网页安全颜色是：＃3399cc。

♥
- R19.2
- G63.1
- B88.2
RGB百分比
- C78.2
- M28.4
- Y0.0
- K11.8
CMYK百分比

＃31a1e1十进制的RGB值为R:49,G:161,B:225。CMYK值为C:78.222,M：28.444,Y:0.0,K:11.765

RGB	49,161,225
百分比	19.22%,63.14%,88.24%
十六进制	31a1e1
十进制	3252705
二进制	00110001,10100001,11100001
CMYK	78.222,28.444,0.0,11.765
CMYK百分比	78%,28%,0%,12%
CMY	0.808,0.369,0.118
CMY百分比	81%,37%,12%
HSL	201.82°,74.58,53.73
HSV(or HSB)	201.82°,78.22200000000001,88.23

XYZ	27.599,31.577,75.87
xyY	0.204,0.234,31.577
CIE-LAB	62.991,-9.384,-41.118
CIE-LUV	62.991,-37.977,-64.222
CIE-LCH/LCHab	62.991,42.175,257.144
CIE-LUV/LCHuv	62.991,74.611,239.402
Hunter-Lab	56.193,-10.669,-40.717
YIQ	134.808,-87.304,-3.7712
YUV	134.808,44.38417,-75.28064
网页安全色	#3399cc
颜色名称

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

#31a1e1
```
#31a1e1rgb(225,113,49)
```
#e17131
```
#e17131rgb(225,113,49)
```

互补色

#31e1c9
```
#31e1c9rgb(49,225,201)
```
#31a1e1
```
#31a1e1rgb(49,161,225)
```
#3149e1
```
#3149e1rgb(49,73,225)
```

类似色

#7ee131
```
#7ee131rgb(126,225,49)
```
#31a1e1
```
#31a1e1rgb(49,161,225)
```
#4531e1
```
#4531e1rgb(69,49,225)
```

中差色

#e1c931
```
#e1c931rgb(225,201,49)
```
#31a1e1
```
#31a1e1rgb(49,161,225)
```
#e13149
```
#e13149rgb(225,49,73)
```

分裂补色

#a1e131
```
#a1e131rgb(161,225,49)
```
#31a1e1
```
#31a1e1rgb(49,161,225)
```
#e131a1
```
#e131a1rgb(225,49,161)
```

正三角形(三元)配色

#31a1e1
```
#31a1e1rgb(49,161,225)
```
#31e171
```
#31e171rgb(49,225,113)
```
#e17131
```
#e17131rgb(225,113,49)
```
#e131a1
```
#e131a1rgb(225,49,161)
```

矩形（四元）配色

#31a1e1
```
#31a1e1rgb(49,161,225)
```
#49e131
```
#49e131rgb(73,225,49)
```
#c931e1
```
#c931e1rgb(201,49,225)
```
#e17131
```
#e17131rgb(225,113,49)
```

方形（四元）配色

#1977ac
```
#1977acrgb(25,119,172)
```
#1c86c3
```
#1c86c3rgb(28,134,195)
```
#2096d9
```
#2096d9rgb(32,150,217)
```
#31a1e1
```
#31a1e1rgb(49,161,225)
```
#47abe4
```
#47abe4rgb(71,171,228)
```
#5eb5e7
```
#5eb5e7rgb(94,181,231)
```
#74bfeb
```
#74bfebrgb(116,191,235)
```

单色

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

#31cde1
```
#31cde1rgb(49,205,225)
```
#31bee1
```
#31bee1rgb(49,190,225)
```
#31b0e1
```
#31b0e1rgb(49,176,225)
```
#31a1e1
```
#31a1e1rgb(49,161,225)
```
#3192e1
```
#3192e1rgb(49,146,225)
```
#3184e1
```
#3184e1rgb(49,132,225)
```
#3175e1
```
#3175e1rgb(49,117,225)
```

相似颜色

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

#2099de
```
#2099dergb(32,153,222)
```
#1e8dcd
```
#1e8dcdrgb(30,141,205)
```
#1b81bc
```
#1b81bcrgb(27,129,188)
```
#1976ab
```
#1976abrgb(25,118,171)
```
#166a9a
```
#166a9argb(22,106,154)
```
#145e88
```
#145e88rgb(20,94,136)
```
#115277
```
#115277rgb(17,82,119)
```
#0f4666
```
#0f4666rgb(15,70,102)
```
#0c3b55
```
#0c3b55rgb(12,59,85)
```
#0a2f44
```
#0a2f44rgb(10,47,68)
```
#072333
```
#072333rgb(7,35,51)
```
#051722
```
#051722rgb(5,23,34)
```
#020b11
```
#020b11rgb(2,11,17)
```

至黑

#31a1e1
```
#31a1e1rgb(49,161,225)
```
#42a9e3
```
#42a9e3rgb(66,169,227)
```
#53b1e6
```
#53b1e6rgb(83,177,230)
```
#64b8e8
```
#64b8e8rgb(100,184,232)
```
#75c0eb
```
#75c0ebrgb(117,192,235)
```
#87c8ed
```
#87c8edrgb(135,200,237)
```
#98d0f0
```
#98d0f0rgb(152,208,240)
```
#a9d8f2
```
#a9d8f2rgb(169,216,242)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#cbe7f7
```
#cbe7f7rgb(203,231,247)
```
#dceffa
```
#dceffargb(220,239,250)
```
#edf7fc
```
#edf7fcrgb(237,247,252)
```
#feffff
```
#feffffrgb(254,255,255)
```

至白

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

#838b8f
```
#838b8frgb(131,139,143)
```
#7a8d98
```
#7a8d98rgb(122,141,152)
```
#7190a1
```
#7190a1rgb(113,144,161)
```
#6792ab
```
#6792abrgb(103,146,171)
```
#5e95b4
```
#5e95b4rgb(94,149,180)
```
#5597bd
```
#5597bdrgb(85,151,189)
```
#4c9ac6
```
#4c9ac6rgb(76,154,198)
```
#439ccf
```
#439ccfrgb(67,156,207)
```
#3a9fd8
```
#3a9fd8rgb(58,159,216)
```
#31a1e1
```
#31a1e1rgb(49,161,225)
```
#28a3ea
```
#28a3eargb(40,163,234)
```
#1fa6f3
```
#1fa6f3rgb(31,166,243)
```
#16a8fc
```
#16a8fcrgb(22,168,252)
```

色调变化

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

#31a1e1文本颜色

此段文字的字体颜色为#31a1e1.

<span style="color:#31a1e1;">文本</span>

#31a1e1背景颜色

此段背景颜色为#31a1e1.

<p style="background-color:#31a1e1;">文本</p>

#31a1e1边框颜色

这个边框颜色为#31a1e1.

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

CSS代码

.text{color:#31a1e1}

.background{background-color:#31a1e1}

.border{border:1px solid#31a1e1}

#31a1e1

31a1e1颜色信息

颜色转换

配色方案

相似颜色

31a1e1色度/色彩

色调

HTML/CSS代码