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

在RGB颜色空间中，#5ba3d1由35.69％红色，63.92％绿色和81.96％蓝色组成，十进制红色值为91，绿色值为163，蓝色值为209。在CMKY色彩空间中，他由56.46%青色，22.01%品红色，0.0%黄色和18.04%黑色组成。最接近的网页安全颜色是：＃6699cc。

♥
- R35.7
- G63.9
- B82.0
RGB百分比
- C56.5
- M22.0
- Y0.0
- K18.0
CMYK百分比

＃5ba3d1十进制的RGB值为R:91,G:163,B:209。CMYK值为C:56.46,M：22.009,Y:0.0,K:18.039

RGB	91,163,209
百分比	35.69%,63.92%,81.96%
十六进制	5ba3d1
十进制	6005713
二进制	01011011,10100011,11010001
CMYK	56.46,22.009,0.0,18.039
CMYK百分比	56%,22%,0%,18%
CMY	0.643,0.361,0.18
CMY百分比	64%,36%,18%
HSL	203.39°,56.19,58.82
HSV(or HSB)	203.39°,56.459,81.96

XYZ	28.917,33.02,65.168
xyY	0.228,0.26,33.02
CIE-LAB	64.177,-9.305,-30.31
CIE-LUV	64.177,-30.975,-46.241
CIE-LCH/LCHab	64.177,31.706,252.934
CIE-LUV/LCHuv	64.177,55.657,236.184
Hunter-Lab	57.463,-10.733,-27.015
YIQ	146.716,-57.6846,-0.9128
YUV	146.716,30.65099,-48.88046
网页安全色	#6699cc
颜色名称

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

#5ba3d1
```
#5ba3d1rgb(209,137,91)
```
#d1895b
```
#d1895brgb(209,137,91)
```

互补色

#5bd1c4
```
#5bd1c4rgb(91,209,196)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#5b68d1
```
#5b68d1rgb(91,104,209)
```

类似色

#8bd15b
```
#8bd15brgb(139,209,91)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#6c5bd1
```
#6c5bd1rgb(108,91,209)
```

中差色

#d1c45b
```
#d1c45brgb(209,196,91)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#d15b68
```
#d15b68rgb(209,91,104)
```

分裂补色

#a3d15b
```
#a3d15brgb(163,209,91)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#d15ba3
```
#d15ba3rgb(209,91,163)
```

正三角形(三元)配色

#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#5bd189
```
#5bd189rgb(91,209,137)
```
#d1895b
```
#d1895brgb(209,137,91)
```
#d15ba3
```
#d15ba3rgb(209,91,163)
```

矩形（四元）配色

#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#68d15b
```
#68d15brgb(104,209,91)
```
#c45bd1
```
#c45bd1rgb(196,91,209)
```
#d1895b
```
#d1895brgb(209,137,91)
```

方形（四元）配色

#317eaf
```
#317eafrgb(49,126,175)
```
#378cc2
```
#378cc2rgb(55,140,194)
```
#4798cb
```
#4798cbrgb(71,152,203)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#6faed7
```
#6faed7rgb(111,174,215)
```
#83b9dc
```
#83b9dcrgb(131,185,220)
```
#97c5e2
```
#97c5e2rgb(151,197,226)
```

单色

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

#5bc1d1
```
#5bc1d1rgb(91,193,209)
```
#5bb7d1
```
#5bb7d1rgb(91,183,209)
```
#5badd1
```
#5badd1rgb(91,173,209)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#5b99d1
```
#5b99d1rgb(91,153,209)
```
#5b8fd1
```
#5b8fd1rgb(91,143,209)
```
#5b86d1
```
#5b86d1rgb(91,134,209)
```

相似颜色

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

#3588bc
```
#3588bcrgb(53,136,188)
```
#317cad
```
#317cadrgb(49,124,173)
```
#2c719e
```
#2c719ergb(44,113,158)
```
#28668e
```
#28668ergb(40,102,142)
```
#245b7f
```
#245b7frgb(36,91,127)
```
#1f5070
```
#1f5070rgb(31,80,112)
```
#1b4560
```
#1b4560rgb(27,69,96)
```
#173a51
```
#173a51rgb(23,58,81)
```
#122f42
```
#122f42rgb(18,47,66)
```
#0e2432
```
#0e2432rgb(14,36,50)
```
#0a1923
```
#0a1923rgb(10,25,35)
```
#060e14
```
#060e14rgb(6,14,20)
```
#010305
```
#010305rgb(1,3,5)
```

至黑

#3c92c8
```
#3c92c8rgb(60,146,200)
```
#4c9acd
```
#4c9acdrgb(76,154,205)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#6aacd5
```
#6aacd5rgb(106,172,213)
```
#7ab4da
```
#7ab4dargb(122,180,218)
```
#89bdde
```
#89bddergb(137,189,222)
```
#98c5e2
```
#98c5e2rgb(152,197,226)
```
#a8cee6
```
#a8cee6rgb(168,206,230)
```
#b7d7eb
```
#b7d7ebrgb(183,215,235)
```
#c6dfef
```
#c6dfefrgb(198,223,239)
```
#d6e8f3
```
#d6e8f3rgb(214,232,243)
```
#e5f0f8
```
#e5f0f8rgb(229,240,248)
```
#f4f9fc
```
#f4f9fcrgb(244,249,252)
```

至白

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

#949798
```
#949798rgb(148,151,152)
```
#8b98a1
```
#8b98a1rgb(139,152,161)
```
#839aa9
```
#839aa9rgb(131,154,169)
```
#7b9cb1
```
#7b9cb1rgb(123,156,177)
```
#739eb9
```
#739eb9rgb(115,158,185)
```
#6b9fc1
```
#6b9fc1rgb(107,159,193)
```
#63a1c9
```
#63a1c9rgb(99,161,201)
```
#5ba3d1
```
#5ba3d1rgb(91,163,209)
```
#53a5d9
```
#53a5d9rgb(83,165,217)
```
#4ba7e1
```
#4ba7e1rgb(75,167,225)
```
#43a8e9
```
#43a8e9rgb(67,168,233)
```
#3baaf1
```
#3baaf1rgb(59,170,241)
```
#33acf9
```
#33acf9rgb(51,172,249)
```

色调变化

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

#5ba3d1文本颜色

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

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

#5ba3d1背景颜色

此段背景颜色为#5ba3d1.

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

#5ba3d1边框颜色

这个边框颜色为#5ba3d1.

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

CSS代码

.text{color:#5ba3d1}

.background{background-color:#5ba3d1}

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

#5ba3d1

5ba3d1颜色信息

颜色转换

配色方案

相似颜色

5ba3d1色度/色彩

色调

HTML/CSS代码