#5b87a4颜色信息,颜色代码,互补色,类似颜色,配色方案

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

♥
- R35.7
- G52.9
- B64.3
RGB 百分比
- C44.5
- M17.7
- Y0.0
- K35.7
CMYK 百分比

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

RGB	91, 135, 164
百分比	35.69%, 52.94%, 64.31%
十六进制	5b87a4
十进制	5998500
二进制	01011011,10000111,10100100
CMYK	44.513, 17.684, 0.0, 35.686
CMYK百分比	45%, 18%, 0%, 36%
CMY	0.643, 0.471, 0.357
CMY百分比	64%, 47%, 36%
HSL	203.84°, 28.63, 50.0
HSV (or HSB)	203.84°, 44.512, 64.31

XYZ	19.678, 22.231, 38.374
xyY	0.245, 0.277, 22.231
CIE-LAB	54.272, -7.107, -20.114
CIE-LUV	54.272, -20.992, -28.968
CIE-LCH/LCHab	54.272, 21.333, 250.541
CIE-LUV/LCHuv	54.272, 35.774, 234.071
Hunter-Lab	47.15, -8.018, -15.249
YIQ	125.15, -35.5373, -0.2812
YUV	125.15, 19.11907, -29.96029
网页安全色	#669999
颜色名称

#5b87a4
```
#5b87a4 rgb(164,120,91)
```
#a4785b
```
#a4785b rgb(164,120,91)
```

互补色

#5ba49d
```
#5ba49d rgb(91,164,157)
```
#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#5b63a4
```
#5b63a4 rgb(91,99,164)
```

类似色

#78a45b
```
#78a45b rgb(120,164,91)
```
#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#665ba4
```
#665ba4 rgb(102,91,164)
```

中差色

#a49d5b
```
#a49d5b rgb(164,157,91)
```
#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#a45b63
```
#a45b63 rgb(164,91,99)
```

分裂补色

#87a45b
```
#87a45b rgb(135,164,91)
```
#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#a45b87
```
#a45b87 rgb(164,91,135)
```

正三角形(三元)配色

#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#5ba478
```
#5ba478 rgb(91,164,120)
```
#a4785b
```
#a4785b rgb(164,120,91)
```
#a45b87
```
#a45b87 rgb(164,91,135)
```

矩形（四元）配色

#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#62a45b
```
#62a45b rgb(98,164,91)
```
#9c5ba4
```
#9c5ba4 rgb(156,91,164)
```
#a4785b
```
#a4785b rgb(164,120,91)
```

方形（四元）配色

#405f73
```
#405f73 rgb(64,95,115)
```
#496c83
```
#496c83 rgb(73,108,131)
```
#527a94
```
#527a94 rgb(82,122,148)
```
#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#6b93ad
```
#6b93ad rgb(107,147,173)
```
#7c9fb6
```
#7c9fb6 rgb(124,159,182)
```
#8cabbf
```
#8cabbf rgb(140,171,191)
```

单色

#5b99a4
```
#5b99a4 rgb(91,153,164)
```
#5b93a4
```
#5b93a4 rgb(91,147,164)
```
#5b8da4
```
#5b8da4 rgb(91,141,164)
```
#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#5b81a4
```
#5b81a4 rgb(91,129,164)
```
#5b7ba4
```
#5b7ba4 rgb(91,123,164)
```
#5b75a4
```
#5b75a4 rgb(91,117,164)
```

相似颜色

#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#547d97
```
#547d97 rgb(84,125,151)
```
#4d728b
```
#4d728b rgb(77,114,139)
```
#46687e
```
#46687e rgb(70,104,126)
```
#3f5d72
```
#3f5d72 rgb(63,93,114)
```
#385365
```
#385365 rgb(56,83,101)
```
#314958
```
#314958 rgb(49,73,88)
```
#2a3e4c
```
#2a3e4c rgb(42,62,76)
```
#23343f
```
#23343f rgb(35,52,63)
```
#1c2a32
```
#1c2a32 rgb(28,42,50)
```
#151f26
```
#151f26 rgb(21,31,38)
```
#0e1519
```
#0e1519 rgb(14,21,25)
```
#070a0d
```
#070a0d rgb(7,10,13)
```

至黑

#6890ab
```
#6890ab rgb(104,144,171)
```
#7499b2
```
#7499b2 rgb(116,153,178)
```
#81a3b9
```
#81a3b9 rgb(129,163,185)
```
#8dacc0
```
#8dacc0 rgb(141,172,192)
```
#9ab5c7
```
#9ab5c7 rgb(154,181,199)
```
#a7bece
```
#a7bece rgb(167,190,206)
```
#b3c8d5
```
#b3c8d5 rgb(179,200,213)
```
#c0d1dc
```
#c0d1dc rgb(192,209,220)
```
#cddae3
```
#cddae3 rgb(205,218,227)
```
#d9e3ea
```
#d9e3ea rgb(217,227,234)
```
#e6edf1
```
#e6edf1 rgb(230,237,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

至白

#788187
```
#788187 rgb(120,129,135)
```
#6f8390
```
#6f8390 rgb(111,131,144)
```
#65859a
```
#65859a rgb(101,133,154)
```
#5b87a4
```
#5b87a4 rgb(91,135,164)
```
#5189ae
```
#5189ae rgb(81,137,174)
```
#478bb8
```
#478bb8 rgb(71,139,184)
```
#3e8dc1
```
#3e8dc1 rgb(62,141,193)
```
#348fcb
```
#348fcb rgb(52,143,203)
```
#2a91d5
```
#2a91d5 rgb(42,145,213)
```
#2093df
```
#2093df rgb(32,147,223)
```
#1695e9
```
#1695e9 rgb(22,149,233)
```
#0d97f2
```
#0d97f2 rgb(13,151,242)
```
#0399fc
```
#0399fc rgb(3,153,252)
```

色调变化

#5b87a4 文本颜色

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

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

#5b87a4 背景颜色

此段背景颜色为 #5b87a4.

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

#5b87a4 边框颜色

这个边框颜色为 #5b87a4.

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

CSS 代码

.text {color:#5b87a4;}

.background {background-color:#5b87a4;}

.border {border:1px solid #5b87a4;}

以下是色盲人群感知看到的颜色。

全色盲

#7d7d7d全色盲
#767f85全色弱

二色视觉

#8087a4红色盲(第一色盲)
#8186ab绿色盲(第二色盲)
#5e8f9a蓝黄色盲(第三色盲)

三色视觉

#7387a4红色弱(第一色弱)
#7386a8绿色弱(第二色弱)
#5d8c9d蓝黄色盲(第三色弱)

#5b87a4颜色信息,颜色搭配,互补色,类似颜色,配色方案等

#5b87a4 颜色信息

#5b87a4 颜色转换

#5b87a4 配色方案

#5b87a4 相似颜色

#5b87a4 色度/色彩

#5b87a4 色调

#5b87a4 HTML/CSS代码

色盲