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

在RGB颜色空间中，#3b8abc由23.14％红色，54.12％绿色和73.73％蓝色组成，十进制红色值为59，绿色值为138，蓝色值为188。在CMKY色彩空间中，他由68.62%青色，26.59%品红色，0.0%黄色和26.27%黑色组成。最接近的网页安全颜色是：＃3399cc。

♥
- R23.1
- G54.1
- B73.7
RGB百分比
- C68.6
- M26.6
- Y0.0
- K26.3
CMYK百分比

＃3b8abc十进制的RGB值为R:59,G:138,B:188。CMYK值为C:68.617,M：26.595,Y:0.0,K:26.275

RGB	59,138,188
百分比	23.14%,54.12%,73.73%
十六进制	3b8abc
十进制	3902140
二进制	00111011,10001010,10111100
CMYK	68.617,26.595,0.0,26.275
CMYK百分比	69%,27%,0%,26%
CMY	0.769,0.459,0.263
CMY百分比	77%,46%,26%
HSL	203.26°,52.23,48.43
HSV(or HSB)	203.26°,68.61699999999999,73.72

XYZ	19.967,22.736,50.91
xyY	0.213,0.243,22.736
CIE-LAB	54.8,-7.94,-33.162
CIE-LUV	54.8,-30.189,-49.888
CIE-LCH/LCHab	54.8,34.099,256.536
CIE-LUV/LCHuv	54.8,58.311,238.821
Hunter-Lab	47.682,-8.697,-29.926
YIQ	120.079,-63.1411,-1.1485
YUV	120.079,33.42465,-53.5855
网页安全色	#3399cc
颜色名称

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

#3b8abc
```
#3b8abcrgb(188,109,59)
```
#bc6d3b
```
#bc6d3brgb(188,109,59)
```

互补色

#3bbcae
```
#3bbcaergb(59,188,174)
```
#3b8abc
```
#3b8abcrgb(59,138,188)
```
#3b4abc
```
#3b4abcrgb(59,74,188)
```

类似色

#70bc3b
```
#70bc3brgb(112,188,59)
```
#3b8abc
```
#3b8abcrgb(59,138,188)
```
#4d3bbc
```
#4d3bbcrgb(77,59,188)
```

中差色

#bcae3b
```
#bcae3brgb(188,174,59)
```
#3b8abc
```
#3b8abcrgb(59,138,188)
```
#bc3b4a
```
#bc3b4argb(188,59,74)
```

分裂补色

#8abc3b
```
#8abc3brgb(138,188,59)
```
#3b8abc
```
#3b8abcrgb(59,138,188)
```
#bc3b8a
```
#bc3b8argb(188,59,138)
```

正三角形(三元)配色

#3b8abc
```
#3b8abcrgb(59,138,188)
```
#3bbc6d
```
#3bbc6drgb(59,188,109)
```
#bc6d3b
```
#bc6d3brgb(188,109,59)
```
#bc3b8a
```
#bc3b8argb(188,59,138)
```

矩形（四元）配色

#3b8abc
```
#3b8abcrgb(59,138,188)
```
#49bc3b
```
#49bc3brgb(73,188,59)
```
#ad3bbc
```
#ad3bbcrgb(173,59,188)
```
#bc6d3b
```
#bc6d3brgb(188,109,59)
```

方形（四元）配色

#295f82
```
#295f82rgb(41,95,130)
```
#2f6e95
```
#2f6e95rgb(47,110,149)
```
#357ca9
```
#357ca9rgb(53,124,169)
```
#3b8abc
```
#3b8abcrgb(59,138,188)
```
#4a96c6
```
#4a96c6rgb(74,150,198)
```
#5ea1cc
```
#5ea1ccrgb(94,161,204)
```
#71add2
```
#71add2rgb(113,173,210)
```

单色

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

#3baabc
```
#3baabcrgb(59,170,188)
```
#3ba0bc
```
#3ba0bcrgb(59,160,188)
```
#3b95bc
```
#3b95bcrgb(59,149,188)
```
#3b8abc
```
#3b8abcrgb(59,138,188)
```
#3b7fbc
```
#3b7fbcrgb(59,127,188)
```
#3b75bc
```
#3b75bcrgb(59,117,188)
```
#3b6abc
```
#3b6abcrgb(59,106,188)
```

相似颜色

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

#3b8abc
```
#3b8abcrgb(59,138,188)
```
#367fad
```
#367fadrgb(54,127,173)
```
#32749e
```
#32749ergb(50,116,158)
```
#2d698f
```
#2d698frgb(45,105,143)
```
#285e80
```
#285e80rgb(40,94,128)
```
#245371
```
#245371rgb(36,83,113)
```
#1f4862
```
#1f4862rgb(31,72,98)
```
#1a3d53
```
#1a3d53rgb(26,61,83)
```
#163245
```
#163245rgb(22,50,69)
```
#112736
```
#112736rgb(17,39,54)
```
#0c1c27
```
#0c1c27rgb(12,28,39)
```
#071118
```
#071118rgb(7,17,24)
```
#030609
```
#030609rgb(3,6,9)
```

至黑

#4694c5
```
#4694c5rgb(70,148,197)
```
#559cca
```
#559ccargb(85,156,202)
```
#64a5ce
```
#64a5cergb(100,165,206)
```
#73aed3
```
#73aed3rgb(115,174,211)
```
#81b6d8
```
#81b6d8rgb(129,182,216)
```
#90bfdc
```
#90bfdcrgb(144,191,220)
```
#9fc8e1
```
#9fc8e1rgb(159,200,225)
```
#aed0e6
```
#aed0e6rgb(174,208,230)
```
#bdd9ea
```
#bdd9eargb(189,217,234)
```
#cce2ef
```
#cce2efrgb(204,226,239)
```
#dbeaf4
```
#dbeaf4rgb(219,234,244)
```
#eaf3f8
```
#eaf3f8rgb(234,243,248)
```
#f9fbfd
```
#f9fbfdrgb(249,251,253)
```

至白

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

#747d83
```
#747d83rgb(116,125,131)
```
#6b7f8d
```
#6b7f8drgb(107,127,141)
```
#618196
```
#618196rgb(97,129,150)
```
#5884a0
```
#5884a0rgb(88,132,160)
```
#4e86a9
```
#4e86a9rgb(78,134,169)
```
#4588b3
```
#4588b3rgb(69,136,179)
```
#3b8abc
```
#3b8abcrgb(59,138,188)
```
#328cc6
```
#328cc6rgb(50,140,198)
```
#288ecf
```
#288ecfrgb(40,142,207)
```
#1f90d9
```
#1f90d9rgb(31,144,217)
```
#1593e2
```
#1593e2rgb(21,147,226)
```
#0c95ec
```
#0c95ecrgb(12,149,236)
```
#0297f5
```
#0297f5rgb(2,151,245)
```

色调变化

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

#3b8abc文本颜色

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

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

#3b8abc背景颜色

此段背景颜色为#3b8abc.

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

#3b8abc边框颜色

这个边框颜色为#3b8abc.

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

CSS代码

.text{color:#3b8abc}

.background{background-color:#3b8abc}

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

#3b8abc

3b8abc颜色信息

颜色转换

配色方案

相似颜色

3b8abc色度/色彩

色调

HTML/CSS代码