#6699cc(Blue Gray)颜色信息-RGB,CMYK,配色方案|Coloraa颜色查询

Blue Gray在RGB颜色空间中，#6699cc由40.0％红色，60.0％绿色和80.0％蓝色组成，十进制红色值为102，绿色值为153，蓝色值为204。在CMKY色彩空间中，他由50.0%青色，25.0%品红色，0.0%黄色和20.0%黑色组成。最接近的网页安全颜色是：＃6699cc。

♥
- R40.0
- G60.0
- B80.0
RGB百分比
- C50.0
- M25.0
- Y0.0
- K20.0
CMYK百分比

＃6699cc十进制的RGB值为R:102,G:153,B:204。CMYK值为C:50.0,M：25.0,Y:0.0,K:20.0

RGB	102,153,204
百分比	40.0%,60.0%,80.0%
十六进制	6699cc
十进制	6724044
二进制	01100110,10011001,11001100
CMYK	50.0,25.0,0.0,20.0
CMYK百分比	50%,25%,0%,20%
CMY	0.6,0.4,0.2
CMY百分比	60%,40%,20%
HSL	210.0°,50.0,60.0
HSV(or HSB)	210.0°,50.0,80.0

XYZ	27.767,29.965,61.444
xyY	0.233,0.251,29.965
CIE-LAB	61.624,-2.819,-31.438
CIE-LUV	61.624,-23.998,-48.623
CIE-LCH/LCHab	61.624,31.565,264.875
CIE-LUV/LCHuv	61.624,54.222,243.731
Hunter-Lab	54.741,-5.252,-28.232
YIQ	143.565,-46.7772,5.0847
YUV	143.565,29.74116,-36.46551
网页安全色	#6699cc
颜色名称	Blue Gray

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

#6699cc
```
#6699ccrgb(204,153,102)
```
#cc9966
```
#cc9966rgb(204,153,102)
```

互补色

#66cccc
```
#66ccccrgb(102,204,204)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#6666cc
```
#6666ccrgb(102,102,204)
```

类似色

#85cc66
```
#85cc66rgb(133,204,102)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#8066cc
```
#8066ccrgb(128,102,204)
```

中差色

#cccc66
```
#cccc66rgb(204,204,102)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#cc6666
```
#cc6666rgb(204,102,102)
```

分裂补色

#99cc66
```
#99cc66rgb(153,204,102)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#cc6699
```
#cc6699rgb(204,102,153)
```

正三角形(三元)配色

#6699cc
```
#6699ccrgb(102,153,204)
```
#66cc99
```
#66cc99rgb(102,204,153)
```
#cc9966
```
#cc9966rgb(204,153,102)
```
#cc6699
```
#cc6699rgb(204,102,153)
```

矩形（四元）配色

#6699cc
```
#6699ccrgb(102,153,204)
```
#66cc66
```
#66cc66rgb(102,204,102)
```
#cc66cc
```
#cc66ccrgb(204,102,204)
```
#cc9966
```
#cc9966rgb(204,153,102)
```

方形（四元）配色

#3973ac
```
#3973acrgb(57,115,172)
```
#4080bf
```
#4080bfrgb(64,128,191)
```
#538cc6
```
#538cc6rgb(83,140,198)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#79a6d2
```
#79a6d2rgb(121,166,210)
```
#8cb3d9
```
#8cb3d9rgb(140,179,217)
```
#9fbfdf
```
#9fbfdfrgb(159,191,223)
```

单色

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

#66b3cc
```
#66b3ccrgb(102,179,204)
```
#66aacc
```
#66aaccrgb(102,170,204)
```
#66a2cc
```
#66a2ccrgb(102,162,204)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#6691cc
```
#6691ccrgb(102,145,204)
```
#6688cc
```
#6688ccrgb(102,136,204)
```
#6680cc
```
#6680ccrgb(102,128,204)
```

相似颜色

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

#3e7cb9
```
#3e7cb9rgb(62,124,185)
```
#3972ab
```
#3972abrgb(57,114,171)
```
#34689c
```
#34689crgb(52,104,156)
```
#2f5e8d
```
#2f5e8drgb(47,94,141)
```
#2a547f
```
#2a547frgb(42,84,127)
```
#254b70
```
#254b70rgb(37,75,112)
```
#204161
```
#204161rgb(32,65,97)
```
#1b3752
```
#1b3752rgb(27,55,82)
```
#172d44
```
#172d44rgb(23,45,68)
```
#122335
```
#122335rgb(18,35,53)
```
#0d1a26
```
#0d1a26rgb(13,26,38)
```
#081018
```
#081018rgb(8,16,24)
```
#030609
```
#030609rgb(3,6,9)
```

至黑

#4985c2
```
#4985c2rgb(73,133,194)
```
#578fc7
```
#578fc7rgb(87,143,199)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#75a3d1
```
#75a3d1rgb(117,163,209)
```
#83add6
```
#83add6rgb(131,173,214)
```
#92b6db
```
#92b6dbrgb(146,182,219)
```
#a1c0e0
```
#a1c0e0rgb(161,192,224)
```
#b0cae5
```
#b0cae5rgb(176,202,229)
```
#bed4e9
```
#bed4e9rgb(190,212,233)
```
#cddeee
```
#cddeeergb(205,222,238)
```
#dce7f3
```
#dce7f3rgb(220,231,243)
```
#eaf1f8
```
#eaf1f8rgb(234,241,248)
```
#f9fbfd
```
#f9fbfdrgb(249,251,253)
```

至白

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

#95999d
```
#95999drgb(149,153,157)
```
#8d99a5
```
#8d99a5rgb(141,153,165)
```
#8599ad
```
#8599adrgb(133,153,173)
```
#7e99b4
```
#7e99b4rgb(126,153,180)
```
#7699bc
```
#7699bcrgb(118,153,188)
```
#6e99c4
```
#6e99c4rgb(110,153,196)
```
#6699cc
```
#6699ccrgb(102,153,204)
```
#5e99d4
```
#5e99d4rgb(94,153,212)
```
#5699dc
```
#5699dcrgb(86,153,220)
```
#4e99e4
```
#4e99e4rgb(78,153,228)
```
#4799eb
```
#4799ebrgb(71,153,235)
```
#3f99f3
```
#3f99f3rgb(63,153,243)
```
#3799fb
```
#3799fbrgb(55,153,251)
```

色调变化

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

#6699cc文本颜色

此段文字的字体颜色为#6699cc.

<span style="color:#6699cc;">文本</span>

#6699cc背景颜色

此段背景颜色为#6699cc.

<p style="background-color:#6699cc;">文本</p>

#6699cc边框颜色

这个边框颜色为#6699cc.

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

CSS代码

.text{color:#6699cc}

.background{background-color:#6699cc}

.border{border:1px solid#6699cc}

#6699cc,Blue Gray

6699cc颜色信息

颜色转换

配色方案

相似颜色

6699cc色度/色彩

色调

HTML/CSS代码