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

在RGB颜色空间中，#3a82b8由22.75％红色，50.98％绿色和72.16％蓝色组成，十进制红色值为58，绿色值为130，蓝色值为184。在CMKY色彩空间中，他由68.48%青色，29.35%品红色，0.0%黄色和27.84%黑色组成。最接近的网页安全颜色是：＃3399cc。

♥
- R22.7
- G51.0
- B72.2
RGB百分比
- C68.5
- M29.3
- Y0.0
- K27.8
CMYK百分比

＃3a82b8十进制的RGB值为R:58,G:130,B:184。CMYK值为C:68.478,M：29.349,Y:0.0,K:27.843

RGB	58,130,184
百分比	22.75%,50.98%,72.16%
十六进制	3a82b8
十进制	3834552
二进制	00111010,10000010,10111000
CMYK	68.478,29.349,0.0,27.843
CMYK百分比	68%,29%,0%,28%
CMY	0.773,0.49,0.278
CMY百分比	77%,49%,28%
HSL	205.71°,52.07,47.45
HSV(or HSB)	205.71°,68.47800000000001,72.16

XYZ	18.377,20.324,48.299
xyY	0.211,0.234,20.324
CIE-LAB	52.201,-4.849,-34.942
CIE-LUV	52.201,-27.698,-52.664
CIE-LCH/LCHab	52.201,35.277,262.1
CIE-LUV/LCHuv	52.201,59.503,242.258
Hunter-Lab	45.082,-6.131,-31.963
YIQ	114.628,-60.255,1.5768
YUV	114.628,34.13866,-49.68054
网页安全色	#3399cc
颜色名称

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

#3a82b8
```
#3a82b8rgb(184,112,58)
```
#b8703a
```
#b8703argb(184,112,58)
```

互补色

#3ab8af
```
#3ab8afrgb(58,184,175)
```
#3a82b8
```
#3a82b8rgb(58,130,184)
```
#3a43b8
```
#3a43b8rgb(58,67,184)
```

类似色

#69b83a
```
#69b83argb(105,184,58)
```
#3a82b8
```
#3a82b8rgb(58,130,184)
```
#513ab8
```
#513ab8rgb(81,58,184)
```

中差色

#b8af3a
```
#b8af3argb(184,175,58)
```
#3a82b8
```
#3a82b8rgb(58,130,184)
```
#b83a43
```
#b83a43rgb(184,58,67)
```

分裂补色

#82b83a
```
#82b83argb(130,184,58)
```
#3a82b8
```
#3a82b8rgb(58,130,184)
```
#b83a82
```
#b83a82rgb(184,58,130)
```

正三角形(三元)配色

#3a82b8
```
#3a82b8rgb(58,130,184)
```
#3ab870
```
#3ab870rgb(58,184,112)
```
#b8703a
```
#b8703argb(184,112,58)
```
#b83a82
```
#b83a82rgb(184,58,130)
```

矩形（四元）配色

#3a82b8
```
#3a82b8rgb(58,130,184)
```
#43b83a
```
#43b83argb(67,184,58)
```
#af3ab8
```
#af3ab8rgb(175,58,184)
```
#b8703a
```
#b8703argb(184,112,58)
```

方形（四元）配色

#28597e
```
#28597ergb(40,89,126)
```
#2e6791
```
#2e6791rgb(46,103,145)
```
#3474a5
```
#3474a5rgb(52,116,165)
```
#3a82b8
```
#3a82b8rgb(58,130,184)
```
#478fc5
```
#478fc5rgb(71,143,197)
```
#5a9bcb
```
#5a9bcbrgb(90,155,203)
```
#6da6d1
```
#6da6d1rgb(109,166,209)
```

单色

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

#3aa2b8
```
#3aa2b8rgb(58,162,184)
```
#3a97b8
```
#3a97b8rgb(58,151,184)
```
#3a8db8
```
#3a8db8rgb(58,141,184)
```
#3a82b8
```
#3a82b8rgb(58,130,184)
```
#3a78b8
```
#3a78b8rgb(58,120,184)
```
#3a6db8
```
#3a6db8rgb(58,109,184)
```
#3a63b8
```
#3a63b8rgb(58,99,184)
```

相似颜色

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

#3a82b8
```
#3a82b8rgb(58,130,184)
```
#3577a9
```
#3577a9rgb(53,119,169)
```
#316d9a
```
#316d9argb(49,109,154)
```
#2c628b
```
#2c628brgb(44,98,139)
```
#27587c
```
#27587crgb(39,88,124)
```
#224d6d
```
#224d6drgb(34,77,109)
```
#1e435f
```
#1e435frgb(30,67,95)
```
#193850
```
#193850rgb(25,56,80)
```
#142e41
```
#142e41rgb(20,46,65)
```
#102332
```
#102332rgb(16,35,50)
```
#0b1923
```
#0b1923rgb(11,25,35)
```
#060e14
```
#060e14rgb(6,14,20)
```
#020405
```
#020405rgb(2,4,5)
```

至黑

#428cc3
```
#428cc3rgb(66,140,195)
```
#5195c8
```
#5195c8rgb(81,149,200)
```
#609ecd
```
#609ecdrgb(96,158,205)
```
#6fa7d2
```
#6fa7d2rgb(111,167,210)
```
#7eb0d6
```
#7eb0d6rgb(126,176,214)
```
#8db9db
```
#8db9dbrgb(141,185,219)
```
#9cc3e0
```
#9cc3e0rgb(156,195,224)
```
#abcce4
```
#abcce4rgb(171,204,228)
```
#b9d5e9
```
#b9d5e9rgb(185,213,233)
```
#c8deee
```
#c8deeergb(200,222,238)
```
#d7e7f2
```
#d7e7f2rgb(215,231,242)
```
#e6f0f7
```
#e6f0f7rgb(230,240,247)
```
#f5f9fc
```
#f5f9fcrgb(245,249,252)
```

至白

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

#727a80
```
#727a80rgb(114,122,128)
```
#697b89
```
#697b89rgb(105,123,137)
```
#5f7d93
```
#5f7d93rgb(95,125,147)
```
#567e9c
```
#567e9crgb(86,126,156)
```
#4d7fa5
```
#4d7fa5rgb(77,127,165)
```
#4381af
```
#4381afrgb(67,129,175)
```
#3a82b8
```
#3a82b8rgb(58,130,184)
```
#3183c1
```
#3183c1rgb(49,131,193)
```
#2785cb
```
#2785cbrgb(39,133,203)
```
#1e86d4
```
#1e86d4rgb(30,134,212)
```
#1587dd
```
#1587ddrgb(21,135,221)
```
#0b89e7
```
#0b89e7rgb(11,137,231)
```
#028af0
```
#028af0rgb(2,138,240)
```

色调变化

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

#3a82b8文本颜色

此段文字的字体颜色为#3a82b8.

<span style="color:#3a82b8;">文本</span>

#3a82b8背景颜色

此段背景颜色为#3a82b8.

<p style="background-color:#3a82b8;">文本</p>

#3a82b8边框颜色

这个边框颜色为#3a82b8.

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

CSS代码

.text{color:#3a82b8}

.background{background-color:#3a82b8}

.border{border:1px solid#3a82b8}

#3a82b8

3a82b8颜色信息

颜色转换

配色方案

相似颜色

3a82b8色度/色彩

色调

HTML/CSS代码