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

在RGB颜色空间中，#9ccce9由61.18％红色，80.0％绿色和91.37％蓝色组成，十进制红色值为156，绿色值为204，蓝色值为233。在CMKY色彩空间中，他由33.05%青色，12.45%品红色，0.0%黄色和8.63%黑色组成。最接近的网页安全颜色是：＃99ccff。

♥
- R61.2
- G80.0
- B91.4
RGB百分比
- C33.0
- M12.4
- Y0.0
- K8.6
CMYK百分比

＃9ccce9十进制的RGB值为R:156,G:204,B:233。CMYK值为C:33.048,M：12.447,Y:0.0,K:8.627

RGB	156,204,233
百分比	61.18%,80.0%,91.37%
十六进制	9ccce9
十进制	10276073
二进制	10011100,11001100,11101001
CMYK	33.048,12.447,0.0,8.627
CMYK百分比	33%,12%,0%,9%
CMY	0.388,0.2,0.086
CMY百分比	39%,20%,9%
HSL	202.6°,63.64,76.28
HSV(or HSB)	202.6°,33.047,91.37

XYZ	50.008,56.135,85.287
xyY	0.261,0.293,56.135
CIE-LAB	79.691,-8.811,-19.378
CIE-LUV	79.691,-24.429,-29.228
CIE-LCH/LCHab	79.691,21.288,245.549
CIE-LUV/LCHuv	79.691,38.093,230.111
Hunter-Lab	74.923,-11.975,-15.045
YIQ	192.954,-37.9209,-1.1272
YUV	192.954,19.70828,-32.42029
网页安全色	#99ccff
颜色名称

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

#9ccce9
```
#9ccce9rgb(233,185,156)
```
#e9b99c
```
#e9b99crgb(233,185,156)
```

互补色

#9ce9e0
```
#9ce9e0rgb(156,233,224)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#9ca6e9
```
#9ca6e9rgb(156,166,233)
```

类似色

#bde99c
```
#bde99crgb(189,233,156)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#a69ce9
```
#a69ce9rgb(166,156,233)
```

中差色

#e9e09c
```
#e9e09crgb(233,224,156)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#e99ca6
```
#e99ca6rgb(233,156,166)
```

分裂补色

#cce99c
```
#cce99crgb(204,233,156)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#e99ccc
```
#e99cccrgb(233,156,204)
```

正三角形(三元)配色

#9ccce9
```
#9ccce9rgb(156,204,233)
```
#9ce9b9
```
#9ce9b9rgb(156,233,185)
```
#e9b99c
```
#e9b99crgb(233,185,156)
```
#e99ccc
```
#e99cccrgb(233,156,204)
```

矩形（四元）配色

#9ccce9
```
#9ccce9rgb(156,204,233)
```
#a5e99c
```
#a5e99crgb(165,233,156)
```
#df9ce9
```
#df9ce9rgb(223,156,233)
```
#e9b99c
```
#e9b99crgb(233,185,156)
```

方形（四元）配色

#5dacdb
```
#5dacdbrgb(93,172,219)
```
#72b7e0
```
#72b7e0rgb(114,183,224)
```
#87c1e4
```
#87c1e4rgb(135,193,228)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#b1d7ee
```
#b1d7eergb(177,215,238)
```
#c6e1f2
```
#c6e1f2rgb(198,225,242)
```
#dbecf7
```
#dbecf7rgb(219,236,247)
```

单色

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

#9cdfe9
```
#9cdfe9rgb(156,223,233)
```
#9cd9e9
```
#9cd9e9rgb(156,217,233)
```
#9cd2e9
```
#9cd2e9rgb(156,210,233)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#9cc6e9
```
#9cc6e9rgb(156,198,233)
```
#9cbfe9
```
#9cbfe9rgb(156,191,233)
```
#9cb9e9
```
#9cb9e9rgb(156,185,233)
```

相似颜色

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

#2e92ce
```
#2e92cergb(46,146,206)
```
#2a86be
```
#2a86bergb(42,134,190)
```
#277bae
```
#277baergb(39,123,174)
```
#23709e
```
#23709ergb(35,112,158)
```
#1f648e
```
#1f648ergb(31,100,142)
```
#1c597e
```
#1c597ergb(28,89,126)
```
#184e6e
```
#184e6ergb(24,78,110)
```
#15425e
```
#15425ergb(21,66,94)
```
#11374e
```
#11374ergb(17,55,78)
```
#0e2b3d
```
#0e2b3drgb(14,43,61)
```
#0a202d
```
#0a202drgb(10,32,45)
```
#07151d
```
#07151drgb(7,21,29)
```
#03090d
```
#03090drgb(3,9,13)
```

至黑

#3c9ad4
```
#3c9ad4rgb(60,154,212)
```
#4ca3d7
```
#4ca3d7rgb(76,163,215)
```
#5cabdb
```
#5cabdbrgb(92,171,219)
```
#6cb3de
```
#6cb3dergb(108,179,222)
```
#7cbbe2
```
#7cbbe2rgb(124,187,226)
```
#8cc4e5
```
#8cc4e5rgb(140,196,229)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#acd4ed
```
#acd4edrgb(172,212,237)
```
#bcddf0
```
#bcddf0rgb(188,221,240)
```
#cce5f4
```
#cce5f4rgb(204,229,244)
```
#dcedf7
```
#dcedf7rgb(220,237,247)
```
#ecf5fb
```
#ecf5fbrgb(236,245,251)
```
#fcfefe
```
#fcfefergb(252,254,254)
```

至白

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

#c1c3c4
```
#c1c3c4rgb(193,195,196)
```
#bdc4c8
```
#bdc4c8rgb(189,196,200)
```
#b8c5cd
```
#b8c5cdrgb(184,197,205)
```
#b3c6d2
```
#b3c6d2rgb(179,198,210)
```
#afc7d6
```
#afc7d6rgb(175,199,214)
```
#aac9db
```
#aac9dbrgb(170,201,219)
```
#a5cae0
```
#a5cae0rgb(165,202,224)
```
#a1cbe4
```
#a1cbe4rgb(161,203,228)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#97cdee
```
#97cdeergb(151,205,238)
```
#93cef2
```
#93cef2rgb(147,206,242)
```
#8ecff7
```
#8ecff7rgb(142,207,247)
```
#89d1fc
```
#89d1fcrgb(137,209,252)
```

色调变化

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

#9ccce9文本颜色

此段文字的字体颜色为#9ccce9.

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

#9ccce9背景颜色

此段背景颜色为#9ccce9.

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

#9ccce9边框颜色

这个边框颜色为#9ccce9.

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

CSS代码

.text{color:#9ccce9}

.background{background-color:#9ccce9}

.border{border:1px solid#9ccce9}

#9ccce9

9ccce9颜色信息

颜色转换

配色方案

相似颜色

9ccce9色度/色彩

色调

HTML/CSS代码