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

在RGB颜色空间中，#bae0f5由72.94％红色，87.84％绿色和96.08％蓝色组成，十进制红色值为186，绿色值为224，蓝色值为245。在CMKY色彩空间中，他由24.08%青色，8.57%品红色，0.0%黄色和3.92%黑色组成。最接近的网页安全颜色是：＃ccccff。

♥
- R72.9
- G87.8
- B96.1
RGB百分比
- C24.1
- M8.6
- Y0.0
- K3.9
CMYK百分比

＃bae0f5十进制的RGB值为R:186,G:224,B:245。CMYK值为C:24.081,M：8.571,Y:0.0,K:3.922

RGB	186,224,245
百分比	72.94%,87.84%,96.08%
十六进制	bae0f5
十进制	12247285
二进制	10111010,11100000,11110101
CMYK	24.081,8.571,0.0,3.922
CMYK百分比	24%,9%,0%,4%
CMY	0.271,0.122,0.039
CMY百分比	27%,12%,4%
HSL	201.36°,74.68,84.51
HSV(or HSB)	201.36°,24.082,96.08

XYZ	63.383,70.341,96.619
xyY	0.275,0.305,70.341
CIE-LAB	87.164,-7.84,-14.321
CIE-LUV	87.164,-20.193,-21.332
CIE-LCH/LCHab	87.164,16.326,241.301
CIE-LUV/LCHuv	87.164,29.373,226.572
Hunter-Lab	83.87,-11.874,-9.594
YIQ	215.032,-29.3915,-1.5018
YUV	215.032,14.74918,-25.47021
网页安全色	#ccccff
颜色名称

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

#bae0f5
```
#bae0f5rgb(245,207,186)
```
#f5cfba
```
#f5cfbargb(245,207,186)
```

互补色

#baf5ed
```
#baf5edrgb(186,245,237)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#bac3f5
```
#bac3f5rgb(186,195,245)
```

类似色

#d4f5ba
```
#d4f5bargb(212,245,186)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#c0baf5
```
#c0baf5rgb(192,186,245)
```

中差色

#f5edba
```
#f5edbargb(245,237,186)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#f5bac3
```
#f5bac3rgb(245,186,195)
```

分裂补色

#e0f5ba
```
#e0f5bargb(224,245,186)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#f5bae0
```
#f5bae0rgb(245,186,224)
```

正三角形(三元)配色

#bae0f5
```
#bae0f5rgb(186,224,245)
```
#baf5cf
```
#baf5cfrgb(186,245,207)
```
#f5cfba
```
#f5cfbargb(245,207,186)
```
#f5bae0
```
#f5bae0rgb(245,186,224)
```

矩形（四元）配色

#bae0f5
```
#bae0f5rgb(186,224,245)
```
#c2f5ba
```
#c2f5bargb(194,245,186)
```
#ecbaf5
```
#ecbaf5rgb(236,186,245)
```
#f5cfba
```
#f5cfbargb(245,207,186)
```

方形（四元）配色

#77c2eb
```
#77c2ebrgb(119,194,235)
```
#8dccef
```
#8dccefrgb(141,204,239)
```
#a4d6f2
```
#a4d6f2rgb(164,214,242)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#d0eaf8
```
#d0eaf8rgb(208,234,248)
```
#e7f4fb
```
#e7f4fbrgb(231,244,251)
```
#fdfeff
```
#fdfeffrgb(253,254,255)
```

单色

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

#baeff5
```
#baeff5rgb(186,239,245)
```
#baeaf5
```
#baeaf5rgb(186,234,245)
```
#bae5f5
```
#bae5f5rgb(186,229,245)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#badbf5
```
#badbf5rgb(186,219,245)
```
#bad6f5
```
#bad6f5rgb(186,214,245)
```
#bad1f5
```
#bad1f5rgb(186,209,245)
```

相似颜色

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

#209bde
```
#209bdergb(32,155,222)
```
#1e8fcd
```
#1e8fcdrgb(30,143,205)
```
#1b83bc
```
#1b83bcrgb(27,131,188)
```
#1977ab
```
#1977abrgb(25,119,171)
```
#166b9a
```
#166b9argb(22,107,154)
```
#145f89
```
#145f89rgb(20,95,137)
```
#115377
```
#115377rgb(17,83,119)
```
#0f4766
```
#0f4766rgb(15,71,102)
```
#0c3b55
```
#0c3b55rgb(12,59,85)
```
#0a2f44
```
#0a2f44rgb(10,47,68)
```
#072333
```
#072333rgb(7,35,51)
```
#051822
```
#051822rgb(5,24,34)
```
#020c11
```
#020c11rgb(2,12,17)
```

至黑

#31a2e1
```
#31a2e1rgb(49,162,225)
```
#42aae4
```
#42aae4rgb(66,170,228)
```
#53b2e6
```
#53b2e6rgb(83,178,230)
```
#64bae9
```
#64bae9rgb(100,186,233)
```
#75c1eb
```
#75c1ebrgb(117,193,235)
```
#87c9ee
```
#87c9eergb(135,201,238)
```
#98d1f0
```
#98d1f0rgb(152,209,240)
```
#a9d8f3
```
#a9d8f3rgb(169,216,243)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#cbe8f7
```
#cbe8f7rgb(203,232,247)
```
#dceffa
```
#dceffargb(220,239,250)
```
#edf7fc
```
#edf7fcrgb(237,247,252)
```
#ffffff
```
#ffffffrgb(255,255,255)
```

至白

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

#d5d8da
```
#d5d8dargb(213,216,218)
```
#d2d9dd
```
#d2d9ddrgb(210,217,221)
```
#cfdae0
```
#cfdae0rgb(207,218,224)
```
#ccdbe3
```
#ccdbe3rgb(204,219,227)
```
#c9dce6
```
#c9dce6rgb(201,220,230)
```
#c6dce9
```
#c6dce9rgb(198,220,233)
```
#c3ddec
```
#c3ddecrgb(195,221,236)
```
#c0deef
```
#c0deefrgb(192,222,239)
```
#bddff2
```
#bddff2rgb(189,223,242)
```
#bae0f5
```
#bae0f5rgb(186,224,245)
```
#b7e1f8
```
#b7e1f8rgb(183,225,248)
```
#b4e2fb
```
#b4e2fbrgb(180,226,251)
```
#b1e3fe
```
#b1e3fergb(177,227,254)
```

色调变化

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

#bae0f5文本颜色

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

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

#bae0f5背景颜色

此段背景颜色为#bae0f5.

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

#bae0f5边框颜色

这个边框颜色为#bae0f5.

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

CSS代码

.text{color:#bae0f5}

.background{background-color:#bae0f5}

.border{border:1px solid#bae0f5}

#bae0f5

bae0f5颜色信息

颜色转换

配色方案

相似颜色

bae0f5色度/色彩

色调

HTML/CSS代码