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

在RGB颜色空间中，#5caadb由36.08％红色，66.67％绿色和85.88％蓝色组成，十进制红色值为92，绿色值为170，蓝色值为219。在CMKY色彩空间中，他由57.99%青色，22.37%品红色，0.0%黄色和14.12%黑色组成。最接近的网页安全颜色是：＃6699cc。

♥
- R36.1
- G66.7
- B85.9
RGB百分比
- C58.0
- M22.4
- Y0.0
- K14.1
CMYK百分比

＃5caadb十进制的RGB值为R:92,G:170,B:219。CMYK值为C:57.991,M：22.374,Y:0.0,K:14.118

RGB	92,170,219
百分比	36.08%,66.67%,85.88%
十六进制	5caadb
十进制	6073051
二进制	01011100,10101010,11011011
CMYK	57.991,22.374,0.0,14.118
CMYK百分比	58%,22%,0%,14%
CMY	0.639,0.333,0.141
CMY百分比	64%,33%,14%
HSL	203.15°,63.82,60.98
HSV(or HSB)	203.15°,57.99100000000001,85.88

XYZ	31.571,36.137,72.325
xyY	0.225,0.258,36.137
CIE-LAB	66.625,-9.866,-32.048
CIE-LUV	66.625,-33.006,-49.335
CIE-LCH/LCHab	66.625,33.532,252.889
CIE-LUV/LCHuv	66.625,59.357,236.217
Hunter-Lab	60.114,-11.453,-29.254
YIQ	152.264,-62.2239,-1.2482
YUV	152.264,32.84184,-52.87049
网页安全色	#6699cc
颜色名称

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

#5caadb
```
#5caadbrgb(219,141,92)
```
#db8d5c
```
#db8d5crgb(219,141,92)
```

互补色

#5cdbcd
```
#5cdbcdrgb(92,219,205)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#5c6bdb
```
#5c6bdbrgb(92,107,219)
```

类似色

#91db5c
```
#91db5crgb(145,219,92)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#6d5cdb
```
#6d5cdbrgb(109,92,219)
```

中差色

#dbcd5c
```
#dbcd5crgb(219,205,92)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#db5c6b
```
#db5c6brgb(219,92,107)
```

分裂补色

#aadb5c
```
#aadb5crgb(170,219,92)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#db5caa
```
#db5caargb(219,92,170)
```

正三角形(三元)配色

#5caadb
```
#5caadbrgb(92,170,219)
```
#5cdb8d
```
#5cdb8drgb(92,219,141)
```
#db8d5c
```
#db8d5crgb(219,141,92)
```
#db5caa
```
#db5caargb(219,92,170)
```

矩形（四元）配色

#5caadb
```
#5caadbrgb(92,170,219)
```
#6adb5c
```
#6adb5crgb(106,219,92)
```
#cc5cdb
```
#cc5cdbrgb(204,92,219)
```
#db8d5c
```
#db8d5crgb(219,141,92)
```

方形（四元）配色

#2a86c0
```
#2a86c0rgb(42,134,192)
```
#3294d2
```
#3294d2rgb(50,148,210)
```
#479fd6
```
#479fd6rgb(71,159,214)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#71b5e0
```
#71b5e0rgb(113,181,224)
```
#86c0e4
```
#86c0e4rgb(134,192,228)
```
#9bcbe9
```
#9bcbe9rgb(155,203,233)
```

单色

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

#5ccadb
```
#5ccadbrgb(92,202,219)
```
#5cbfdb
```
#5cbfdbrgb(92,191,219)
```
#5cb5db
```
#5cb5dbrgb(92,181,219)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#5c9fdb
```
#5c9fdbrgb(92,159,219)
```
#5c95db
```
#5c95dbrgb(92,149,219)
```
#5c8adb
```
#5c8adbrgb(92,138,219)
```

相似颜色

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

#2e90cf
```
#2e90cfrgb(46,144,207)
```
#2a85be
```
#2a85bergb(42,133,190)
```
#277aae
```
#277aaergb(39,122,174)
```
#236f9e
```
#236f9ergb(35,111,158)
```
#1f648e
```
#1f648ergb(31,100,142)
```
#1c587e
```
#1c587ergb(28,88,126)
```
#184d6e
```
#184d6ergb(24,77,110)
```
#15425e
```
#15425ergb(21,66,94)
```
#11374e
```
#11374ergb(17,55,78)
```
#0e2b3e
```
#0e2b3ergb(14,43,62)
```
#0a202e
```
#0a202ergb(10,32,46)
```
#07151e
```
#07151ergb(7,21,30)
```
#030a0e
```
#030a0ergb(3,10,14)
```

至黑

#3c99d4
```
#3c99d4rgb(60,153,212)
```
#4ca2d7
```
#4ca2d7rgb(76,162,215)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#6cb2df
```
#6cb2dfrgb(108,178,223)
```
#7cbbe2
```
#7cbbe2rgb(124,187,226)
```
#8cc3e6
```
#8cc3e6rgb(140,195,230)
```
#9ccce9
```
#9ccce9rgb(156,204,233)
```
#acd4ed
```
#acd4edrgb(172,212,237)
```
#bcdcf0
```
#bcdcf0rgb(188,220,240)
```
#cce5f4
```
#cce5f4rgb(204,229,244)
```
#ddedf7
```
#ddedf7rgb(221,237,247)
```
#edf5fb
```
#edf5fbrgb(237,245,251)
```
#fdfefe
```
#fdfefergb(253,254,254)
```

至白

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

#999c9e
```
#999c9ergb(153,156,158)
```
#929ea5
```
#929ea5rgb(146,158,165)
```
#8aa0ad
```
#8aa0adrgb(138,160,173)
```
#82a1b5
```
#82a1b5rgb(130,161,181)
```
#7ba3bc
```
#7ba3bcrgb(123,163,188)
```
#73a5c4
```
#73a5c4rgb(115,165,196)
```
#6ba7cc
```
#6ba7ccrgb(107,167,204)
```
#64a8d3
```
#64a8d3rgb(100,168,211)
```
#5caadb
```
#5caadbrgb(92,170,219)
```
#54ace3
```
#54ace3rgb(84,172,227)
```
#4dadea
```
#4dadeargb(77,173,234)
```
#45aff2
```
#45aff2rgb(69,175,242)
```
#3db1fa
```
#3db1fargb(61,177,250)
```

色调变化

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

#5caadb文本颜色

此段文字的字体颜色为#5caadb.

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

#5caadb背景颜色

此段背景颜色为#5caadb.

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

#5caadb边框颜色

这个边框颜色为#5caadb.

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

CSS代码

.text{color:#5caadb}

.background{background-color:#5caadb}

.border{border:1px solid#5caadb}

#5caadb

5caadb颜色信息

颜色转换

配色方案

相似颜色

5caadb色度/色彩

色调

HTML/CSS代码