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

在RGB颜色空间中，#5b89a4由35.69％红色，53.73％绿色和64.31％蓝色组成，十进制红色值为91，绿色值为137，蓝色值为164。在CMKY色彩空间中，他由44.51%青色，16.46%品红色，0.0%黄色和35.69%黑色组成。最接近的网页安全颜色是：＃669999。

♥
- R35.7
- G53.7
- B64.3
RGB百分比
- C44.5
- M16.5
- Y0.0
- K35.7
CMYK百分比

＃5b89a4十进制的RGB值为R:91,G:137,B:164。CMYK值为C:44.513,M：16.465,Y:0.0,K:35.686

RGB	91,137,164
百分比	35.69%,53.73%,64.31%
十六进制	5b89a4
十进制	5999012
二进制	01011011,10001001,10100100
CMYK	44.513,16.465,0.0,35.686
CMYK百分比	45%,16%,0%,36%
CMY	0.643,0.463,0.357
CMY百分比	64%,46%,36%
HSL	202.19°,28.63,50.0
HSV(or HSB)	202.19°,44.512,64.31

XYZ	19.959,22.795,38.468
xyY	0.246,0.281,22.795
CIE-LAB	54.86,-8.239,-19.215
CIE-LUV	54.86,-21.799,-27.461
CIE-LCH/LCHab	54.86,20.907,246.792
CIE-LUV/LCHuv	54.86,35.062,231.557
Hunter-Lab	47.744,-8.93,-14.35
YIQ	126.324,-36.0865,-1.3266
YUV	126.324,18.54135,-30.99027
网页安全色	#669999
颜色名称

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

#5b89a4
```
#5b89a4rgb(164,118,91)
```
#a4765b
```
#a4765brgb(164,118,91)
```

互补色

#5ba49b
```
#5ba49brgb(91,164,155)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#5b65a4
```
#5b65a4rgb(91,101,164)
```

类似色

#7aa45b
```
#7aa45brgb(122,164,91)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#645ba4
```
#645ba4rgb(100,91,164)
```

中差色

#a49b5b
```
#a49b5brgb(164,155,91)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#a45b65
```
#a45b65rgb(164,91,101)
```

分裂补色

#89a45b
```
#89a45brgb(137,164,91)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#a45b89
```
#a45b89rgb(164,91,137)
```

正三角形(三元)配色

#5b89a4
```
#5b89a4rgb(91,137,164)
```
#5ba476
```
#5ba476rgb(91,164,118)
```
#a4765b
```
#a4765brgb(164,118,91)
```
#a45b89
```
#a45b89rgb(164,91,137)
```

矩形（四元）配色

#5b89a4
```
#5b89a4rgb(91,137,164)
```
#64a45b
```
#64a45brgb(100,164,91)
```
#9a5ba4
```
#9a5ba4rgb(154,91,164)
```
#a4765b
```
#a4765brgb(164,118,91)
```

方形（四元）配色

#406073
```
#406073rgb(64,96,115)
```
#496e83
```
#496e83rgb(73,110,131)
```
#527b94
```
#527b94rgb(82,123,148)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#6b95ad
```
#6b95adrgb(107,149,173)
```
#7ca1b6
```
#7ca1b6rgb(124,161,182)
```
#8cacbf
```
#8cacbfrgb(140,172,191)
```

单色

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

#5b9ba4
```
#5b9ba4rgb(91,155,164)
```
#5b95a4
```
#5b95a4rgb(91,149,164)
```
#5b8fa4
```
#5b8fa4rgb(91,143,164)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#5b83a4
```
#5b83a4rgb(91,131,164)
```
#5b7da4
```
#5b7da4rgb(91,125,164)
```
#5b77a4
```
#5b77a4rgb(91,119,164)
```

相似颜色

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

#5b89a4
```
#5b89a4rgb(91,137,164)
```
#547e97
```
#547e97rgb(84,126,151)
```
#4d748b
```
#4d748brgb(77,116,139)
```
#46697e
```
#46697ergb(70,105,126)
```
#3f5f72
```
#3f5f72rgb(63,95,114)
```
#385465
```
#385465rgb(56,84,101)
```
#314a58
```
#314a58rgb(49,74,88)
```
#2a3f4c
```
#2a3f4crgb(42,63,76)
```
#23353f
```
#23353frgb(35,53,63)
```
#1c2a32
```
#1c2a32rgb(28,42,50)
```
#152026
```
#152026rgb(21,32,38)
```
#0e1519
```
#0e1519rgb(14,21,25)
```
#070b0d
```
#070b0drgb(7,11,13)
```

至黑

#6892ab
```
#6892abrgb(104,146,171)
```
#749bb2
```
#749bb2rgb(116,155,178)
```
#81a4b9
```
#81a4b9rgb(129,164,185)
```
#8dadc0
```
#8dadc0rgb(141,173,192)
```
#9ab6c7
```
#9ab6c7rgb(154,182,199)
```
#a7bfce
```
#a7bfcergb(167,191,206)
```
#b3c9d5
```
#b3c9d5rgb(179,201,213)
```
#c0d2dc
```
#c0d2dcrgb(192,210,220)
```
#cddbe3
```
#cddbe3rgb(205,219,227)
```
#d9e4ea
```
#d9e4eargb(217,228,234)
```
#e6edf1
```
#e6edf1rgb(230,237,241)
```
#f2f6f8
```
#f2f6f8rgb(242,246,248)
```
#ffffff
```
#ffffffrgb(255,255,255)
```

至白

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

#788187
```
#788187rgb(120,129,135)
```
#6f8490
```
#6f8490rgb(111,132,144)
```
#65869a
```
#65869argb(101,134,154)
```
#5b89a4
```
#5b89a4rgb(91,137,164)
```
#518cae
```
#518caergb(81,140,174)
```
#478eb8
```
#478eb8rgb(71,142,184)
```
#3e91c1
```
#3e91c1rgb(62,145,193)
```
#3493cb
```
#3493cbrgb(52,147,203)
```
#2a96d5
```
#2a96d5rgb(42,150,213)
```
#2098df
```
#2098dfrgb(32,152,223)
```
#169be9
```
#169be9rgb(22,155,233)
```
#0d9df2
```
#0d9df2rgb(13,157,242)
```
#03a0fc
```
#03a0fcrgb(3,160,252)
```

色调变化

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

#5b89a4文本颜色

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

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

#5b89a4背景颜色

此段背景颜色为#5b89a4.

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

#5b89a4边框颜色

这个边框颜色为#5b89a4.

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

CSS代码

.text{color:#5b89a4}

.background{background-color:#5b89a4}

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

#5b89a4

5b89a4颜色信息

颜色转换

配色方案

相似颜色

5b89a4色度/色彩

色调

HTML/CSS代码