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

在RGB颜色空间中，#6cb3de由42.35％红色，70.2％绿色和87.06％蓝色组成，十进制红色值为108，绿色值为179，蓝色值为222。在CMKY色彩空间中，他由51.35%青色，19.37%品红色，0.0%黄色和12.94%黑色组成。最接近的网页安全颜色是：＃66cccc。

♥
- R42.4
- G70.2
- B87.1
RGB百分比
- C51.4
- M19.4
- Y0.0
- K12.9
CMYK百分比

＃6cb3de十进制的RGB值为R:108,G:179,B:222。CMYK值为C:51.351,M：19.37,Y:0.0,K:12.941

RGB	108,179,222
百分比	42.35%,70.2%,87.06%
十六进制	6cb3de
十进制	7123934
二进制	01101100,10110011,11011110
CMYK	51.351,19.37,0.0,12.941
CMYK百分比	51%,19%,0%,13%
CMY	0.576,0.298,0.129
CMY百分比	58%,30%,13%
HSL	202.63°,63.33,64.71
HSV(or HSB)	202.63°,51.351,87.06

XYZ	35.486,40.7,75.089
xyY	0.235,0.269,40.7
CIE-LAB	69.965,-10.506,-28.484
CIE-LUV	69.965,-31.762,-43.574
CIE-LCH/LCHab	69.965,30.36,249.753
CIE-LUV/LCHuv	69.965,53.922,233.911
Hunter-Lab	63.797,-12.356,-25.127
YIQ	162.673,-56.1248,-1.6349
YUV	162.673,29.19602,-47.96543
网页安全色	#66cccc
颜色名称

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

#6cb3de
```
#6cb3dergb(222,151,108)
```
#de976c
```
#de976crgb(222,151,108)
```

互补色

#6cded0
```
#6cded0rgb(108,222,208)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#6c7ade
```
#6c7adergb(108,122,222)
```

类似色

#9cde6c
```
#9cde6crgb(156,222,108)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#7a6cde
```
#7a6cdergb(122,108,222)
```

中差色

#ded06c
```
#ded06crgb(222,208,108)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#de6c7a
```
#de6c7argb(222,108,122)
```

分裂补色

#b3de6c
```
#b3de6crgb(179,222,108)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#de6cb3
```
#de6cb3rgb(222,108,179)
```

正三角形(三元)配色

#6cb3de
```
#6cb3dergb(108,179,222)
```
#6cde97
```
#6cde97rgb(108,222,151)
```
#de976c
```
#de976crgb(222,151,108)
```
#de6cb3
```
#de6cb3rgb(222,108,179)
```

矩形（四元）配色

#6cb3de
```
#6cb3dergb(108,179,222)
```
#7ade6c
```
#7ade6crgb(122,222,108)
```
#d06cde
```
#d06cdergb(208,108,222)
```
#de976c
```
#de976crgb(222,151,108)
```

方形（四元）配色

#2e92cf
```
#2e92cfrgb(46,146,207)
```
#429dd5
```
#429dd5rgb(66,157,213)
```
#57a8d9
```
#57a8d9rgb(87,168,217)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#81bee3
```
#81bee3rgb(129,190,227)
```
#96c9e7
```
#96c9e7rgb(150,201,231)
```
#aad3ec
```
#aad3ecrgb(170,211,236)
```

单色

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

#6cd0de
```
#6cd0dergb(108,208,222)
```
#6cc6de
```
#6cc6dergb(108,198,222)
```
#6cbdde
```
#6cbddergb(108,189,222)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#6caade
```
#6caadergb(108,170,222)
```
#6ca0de
```
#6ca0dergb(108,160,222)
```
#6c97de
```
#6c97dergb(108,151,222)
```

相似颜色

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

#2e91cd
```
#2e91cdrgb(46,145,205)
```
#2b86bd
```
#2b86bdrgb(43,134,189)
```
#277bad
```
#277badrgb(39,123,173)
```
#236f9d
```
#236f9drgb(35,111,157)
```
#20648d
```
#20648drgb(32,100,141)
```
#1c597d
```
#1c597drgb(28,89,125)
```
#194d6d
```
#194d6drgb(25,77,109)
```
#15425d
```
#15425drgb(21,66,93)
```
#11374d
```
#11374drgb(17,55,77)
```
#0e2b3d
```
#0e2b3drgb(14,43,61)
```
#0a202d
```
#0a202drgb(10,32,45)
```
#07151d
```
#07151drgb(7,21,29)
```
#03090d
```
#03090drgb(3,9,13)
```

至黑

#3c9ad3
```
#3c9ad3rgb(60,154,211)
```
#4ca2d7
```
#4ca2d7rgb(76,162,215)
```
#5cabda
```
#5cabdargb(92,171,218)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#7cbbe2
```
#7cbbe2rgb(124,187,226)
```
#8cc4e5
```
#8cc4e5rgb(140,196,229)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#acd4ec
```
#acd4ecrgb(172,212,236)
```
#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)
```

至白

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

#a3a5a7
```
#a3a5a7rgb(163,165,167)
```
#9ca7ae
```
#9ca7aergb(156,167,174)
```
#96a9b4
```
#96a9b4rgb(150,169,180)
```
#8faabb
```
#8faabbrgb(143,170,187)
```
#88acc2
```
#88acc2rgb(136,172,194)
```
#81aec9
```
#81aec9rgb(129,174,201)
```
#7ab0d0
```
#7ab0d0rgb(122,176,208)
```
#73b1d7
```
#73b1d7rgb(115,177,215)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#65b5e5
```
#65b5e5rgb(101,181,229)
```
#5eb6ec
```
#5eb6ecrgb(94,182,236)
```
#57b8f3
```
#57b8f3rgb(87,184,243)
```
#50bafa
```
#50bafargb(80,186,250)
```

色调变化

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

#6cb3de文本颜色

此段文字的字体颜色为#6cb3de.

<span style="color:#6cb3de;">文本</span>

#6cb3de背景颜色

此段背景颜色为#6cb3de.

<p style="background-color:#6cb3de;">文本</p>

#6cb3de边框颜色

这个边框颜色为#6cb3de.

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

CSS代码

.text{color:#6cb3de}

.background{background-color:#6cb3de}

.border{border:1px solid#6cb3de}

#6cb3de

6cb3de颜色信息

颜色转换

配色方案

相似颜色

6cb3de色度/色彩

色调

HTML/CSS代码