#ccccff(薰衣草蓝_Lavender blue_Periwinkle)颜色信息-RGB,CMYK,配色方案|Coloraa颜色查询

薰衣草蓝,Lavender blue,Periwinkle在RGB颜色空间中，#ccccff由80.0％红色，80.0％绿色和100.0％蓝色组成，十进制红色值为204，绿色值为204，蓝色值为255。在CMKY色彩空间中，他由20.0%青色，20.0%品红色，0.0%黄色和0.0%黑色组成。最接近的网页安全颜色是：＃ccccff。

♥
- R80.0
- G80.0
- B100.0
RGB百分比
- C20.0
- M20.0
- Y0.0
- K0.0
CMYK百分比

＃ccccff十进制的RGB值为R:204,G:204,B:255。CMYK值为C:20.0,M：20.0,Y:0.0,K:0.0

RGB	204,204,255
百分比	80.0%,80.0%,100.0%
十六进制	ccccff
十进制	13421823
二进制	11001100,11001100,11111111
CMYK	20.0,20.0,0.0,0.0
CMYK百分比	20%,20%,0%,0%
CMY	0.2,0.2,0.0
CMY百分比	20%,20%,0%
HSL	240.0°,100.0,90.0
HSV(or HSB)	240.0°,20.0,100.0

XYZ	64.541,63.243,103.409
xyY	0.279,0.274,63.243
CIE-LAB	83.57,10.297,-24.918
CIE-LUV	83.57,-3.002,-41.552
CIE-LCH/LCHab	83.57,26.962,292.452
CIE-LUV/LCHuv	83.57,41.66,265.867
Hunter-Lab	79.525,5.699,-21.429
YIQ	209.814,-16.3863,15.8712
YUV	209.814,22.23804,-5.10051
网页安全色	#ccccff
颜色名称	薰衣草蓝_Lavender blue_Periwinkle

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

#ccccff
```
#ccccffrgb(255,255,204)
```
#ffffcc
```
#ffffccrgb(255,255,204)
```

互补色

#cce5ff
```
#cce5ffrgb(204,229,255)
```
#ccccff
```
#ccccffrgb(204,204,255)
```
#e5ccff
```
#e5ccffrgb(229,204,255)
```

类似色

#ccffd6
```
#ccffd6rgb(204,255,214)
```
#ccccff
```
#ccccffrgb(204,204,255)
```
#f2ccff
```
#f2ccffrgb(242,204,255)
```

中差色

#e5ffcc
```
#e5ffccrgb(229,255,204)
```
#ccccff
```
#ccccffrgb(204,204,255)
```
#ffe5cc
```
#ffe5ccrgb(255,229,204)
```

分裂补色

#ccffcc
```
#ccffccrgb(204,255,204)
```
#ccccff
```
#ccccffrgb(204,204,255)
```
#ffcccc
```
#ffccccrgb(255,204,204)
```

正三角形(三元)配色

#ccccff
```
#ccccffrgb(204,204,255)
```
#ccffff
```
#ccffffrgb(204,255,255)
```
#ffffcc
```
#ffffccrgb(255,255,204)
```
#ffcccc
```
#ffccccrgb(255,204,204)
```

矩形（四元）配色

#ccccff
```
#ccccffrgb(204,204,255)
```
#ccffe6
```
#ccffe6rgb(204,255,230)
```
#ffcce6
```
#ffcce6rgb(255,204,230)
```
#ffffcc
```
#ffffccrgb(255,255,204)
```

方形（四元）配色

#8080ff
```
#8080ffrgb(128,128,255)
```
#9999ff
```
#9999ffrgb(153,153,255)
```
#b3b3ff
```
#b3b3ffrgb(179,179,255)
```
#ccccff
```
#ccccffrgb(204,204,255)
```
#e6e6ff
```
#e6e6ffrgb(230,230,255)
```
#ffffff
```
#ffffffrgb(255,255,255)
```
#ffffff
```
#ffffffrgb(255,255,255)
```

单色

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

#ccd9ff
```
#ccd9ffrgb(204,217,255)
```
#ccd5ff
```
#ccd5ffrgb(204,213,255)
```
#ccd0ff
```
#ccd0ffrgb(204,208,255)
```
#ccccff
```
#ccccffrgb(204,204,255)
```
#d0ccff
```
#d0ccffrgb(208,204,255)
```
#d5ccff
```
#d5ccffrgb(213,204,255)
```
#d9ccff
```
#d9ccffrgb(217,204,255)
```

相似颜色

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

#0000f3
```
#0000f3rgb(0,0,243)
```
#0000e0
```
#0000e0rgb(0,0,224)
```
#0000cc
```
#0000ccrgb(0,0,204)
```
#0000b8
```
#0000b8rgb(0,0,184)
```
#0000a5
```
#0000a5rgb(0,0,165)
```
#000091
```
#000091rgb(0,0,145)
```
#00007e
```
#00007ergb(0,0,126)
```
#00006a
```
#00006argb(0,0,106)
```
#000056
```
#000056rgb(0,0,86)
```
#000043
```
#000043rgb(0,0,67)
```
#00002f
```
#00002frgb(0,0,47)
```
#00001b
```
#00001brgb(0,0,27)
```
#000008
```
#000008rgb(0,0,8)
```

至黑

#0808ff
```
#0808ffrgb(8,8,255)
```
#1b1bff
```
#1b1bffrgb(27,27,255)
```
#2f2fff
```
#2f2fffrgb(47,47,255)
```
#4343ff
```
#4343ffrgb(67,67,255)
```
#5656ff
```
#5656ffrgb(86,86,255)
```
#6a6aff
```
#6a6affrgb(106,106,255)
```
#7e7eff
```
#7e7effrgb(126,126,255)
```
#9191ff
```
#9191ffrgb(145,145,255)
```
#a5a5ff
```
#a5a5ffrgb(165,165,255)
```
#b8b8ff
```
#b8b8ffrgb(184,184,255)
```
#ccccff
```
#ccccffrgb(204,204,255)
```
#e0e0ff
```
#e0e0ffrgb(224,224,255)
```
#f3f3ff
```
#f3f3ffrgb(243,243,255)
```

至白

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

#e4e4e7
```
#e4e4e7rgb(228,228,231)
```
#e2e2e9
```
#e2e2e9rgb(226,226,233)
```
#e0e0eb
```
#e0e0ebrgb(224,224,235)
```
#dedeed
```
#dedeedrgb(222,222,237)
```
#dcdcef
```
#dcdcefrgb(220,220,239)
```
#dadaf1
```
#dadaf1rgb(218,218,241)
```
#d8d8f3
```
#d8d8f3rgb(216,216,243)
```
#d6d6f5
```
#d6d6f5rgb(214,214,245)
```
#d4d4f7
```
#d4d4f7rgb(212,212,247)
```
#d2d2f9
```
#d2d2f9rgb(210,210,249)
```
#d0d0fb
```
#d0d0fbrgb(208,208,251)
```
#cecefd
```
#cecefdrgb(206,206,253)
```
#ccccff
```
#ccccffrgb(204,204,255)
```

色调变化

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

#ccccff文本颜色

此段文字的字体颜色为#ccccff.

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

#ccccff背景颜色

此段背景颜色为#ccccff.

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

#ccccff边框颜色

这个边框颜色为#ccccff.

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

CSS代码

.text{color:#ccccff}

.background{background-color:#ccccff}

.border{border:1px solid#ccccff}

#ccccff,薰衣草蓝,Lavender blue,Periwinkle

ccccff颜色信息

颜色转换

配色方案

相似颜色

ccccff色度/色彩

色调

HTML/CSS代码