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

在RGB颜色空间中，#5a778e由35.29％红色，46.67％绿色和55.69％蓝色组成，十进制红色值为90，绿色值为119，蓝色值为142。在CMKY色彩空间中，他由36.62％青色，16.2％品红色，0.0％黄色和44.31％黑色组成。最接近的网页安全颜色是：＃666699。

♥
- R35.3
- G46.7
- B55.7
RGB 百分比
- C36.6
- M16.2
- Y0.0
- K44.3
CMYK 百分比

＃5a778e十进制的RGB值为R:90, G:119, B:142。 CMYK值为C:36.62, M：16.196, Y: 0.0, K: 44.314

RGB	90, 119, 142
百分比	35.29%, 46.67%, 55.69%
十六进制	5a778e
十进制	5928846
二进制	01011010,01110111,10001110
CMYK	36.62, 16.196, 0.0, 44.314
CMYK百分比	37%, 16%, 0%, 44%
CMY	0.647, 0.533, 0.443
CMY百分比	65%, 53%, 44%
HSL	206.54°, 22.41, 45.49
HSV (or HSB)	206.54°, 36.620000000000005, 55.69

XYZ	15.695, 17.32, 28.106
xyY	0.257, 0.283, 17.32
CIE-LAB	48.661, -4.4, -15.859
CIE-LUV	48.661, -14.779, -22.21
CIE-LCH/LCHab	48.661, 16.458, 254.495
CIE-LUV/LCHuv	48.661, 26.678, 236.36
Hunter-Lab	41.617, -5.514, -10.909
YIQ	112.951, -24.671, 1.0241
YUV	112.951, 14.29596, -20.13523
网页安全色	#666699
颜色名称

#5a778e
```
#5a778e rgb(142,113,90)
```
#8e715a
```
#8e715a rgb(142,113,90)
```

互补色

#5a8e8b
```
#5a8e8b rgb(90,142,139)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#5a5d8e
```
#5a5d8e rgb(90,93,142)
```

类似色

#6d8e5a
```
#6d8e5a rgb(109,142,90)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#645a8e
```
#645a8e rgb(100,90,142)
```

中差色

#8e8b5a
```
#8e8b5a rgb(142,139,90)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#8e5a5d
```
#8e5a5d rgb(142,90,93)
```

分裂补色

#778e5a
```
#778e5a rgb(119,142,90)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#8e5a77
```
#8e5a77 rgb(142,90,119)
```

正三角形(三元)配色

#5a778e
```
#5a778e rgb(90,119,142)
```
#5a8e71
```
#5a8e71 rgb(90,142,113)
```
#8e715a
```
#8e715a rgb(142,113,90)
```
#8e5a77
```
#8e5a77 rgb(142,90,119)
```

矩形（四元）配色

#5a778e
```
#5a778e rgb(90,119,142)
```
#5d8e5a
```
#5d8e5a rgb(93,142,90)
```
#8b5a8e
```
#8b5a8e rgb(139,90,142)
```
#8e715a
```
#8e715a rgb(142,113,90)
```

方形（四元）配色

#3c505f
```
#3c505f rgb(60,80,95)
```
#465d6f
```
#465d6f rgb(70,93,111)
```
#506a7e
```
#506a7e rgb(80,106,126)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#64849d
```
#64849d rgb(100,132,157)
```
#7490a7
```
#7490a7 rgb(116,144,167)
```
#849db1
```
#849db1 rgb(132,157,177)
```

单色

#5a848e
```
#5a848e rgb(90,132,142)
```
#5a808e
```
#5a808e rgb(90,128,142)
```
#5a7b8e
```
#5a7b8e rgb(90,123,142)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#5a738e
```
#5a738e rgb(90,115,142)
```
#5a6e8e
```
#5a6e8e rgb(90,110,142)
```
#5a6a8e
```
#5a6a8e rgb(90,106,142)
```

相似颜色

#62819a
```
#62819a rgb(98,129,154)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#526d82
```
#526d82 rgb(82,109,130)
```
#4b6376
```
#4b6376 rgb(75,99,118)
```
#43596a
```
#43596a rgb(67,89,106)
```
#3c4f5e
```
#3c4f5e rgb(60,79,94)
```
#344552
```
#344552 rgb(52,69,82)
```
#2c3b46
```
#2c3b46 rgb(44,59,70)
```
#25313a
```
#25313a rgb(37,49,58)
```
#1d272e
```
#1d272e rgb(29,39,46)
```
#161c22
```
#161c22 rgb(22,28,34)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#06080a
```
#06080a rgb(6,8,10)
```

至黑

#6d8ba2
```
#6d8ba2 rgb(109,139,162)
```
#7994aa
```
#7994aa rgb(121,148,170)
```
#859eb2
```
#859eb2 rgb(133,158,178)
```
#91a7b9
```
#91a7b9 rgb(145,167,185)
```
#9db1c1
```
#9db1c1 rgb(157,177,193)
```
#a9bac8
```
#a9bac8 rgb(169,186,200)
```
#b5c4d0
```
#b5c4d0 rgb(181,196,208)
```
#c1ced8
```
#c1ced8 rgb(193,206,216)
```
#cdd7df
```
#cdd7df rgb(205,215,223)
```
#d9e1e7
```
#d9e1e7 rgb(217,225,231)
```
#e5eaee
```
#e5eaee rgb(229,234,238)
```
#f1f4f6
```
#f1f4f6 rgb(241,244,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

至白

#6c757c
```
#6c757c rgb(108,117,124)
```
#637685
```
#637685 rgb(99,118,133)
```
#5a778e
```
#5a778e rgb(90,119,142)
```
#517897
```
#517897 rgb(81,120,151)
```
#4879a0
```
#4879a0 rgb(72,121,160)
```
#3f7aa9
```
#3f7aa9 rgb(63,122,169)
```
#367bb2
```
#367bb2 rgb(54,123,178)
```
#2d7cbb
```
#2d7cbb rgb(45,124,187)
```
#247dc4
```
#247dc4 rgb(36,125,196)
```
#1c7ecc
```
#1c7ecc rgb(28,126,204)
```
#137fd5
```
#137fd5 rgb(19,127,213)
```
#0a80de
```
#0a80de rgb(10,128,222)
```
#0181e7
```
#0181e7 rgb(1,129,231)
```

色调变化

#5a778e 文本颜色

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

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

#5a778e 背景颜色

此段背景颜色为 #5a778e.

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

#5a778e 边框颜色

这个边框颜色为 #5a778e.

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

CSS 代码

.text {color:#5a778e;}

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

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

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

全色盲

#717171全色盲
#6c7277全色弱

二色视觉

#757991红色盲(第一色盲)
#777895绿色盲(第二色盲)
#5f8089蓝黄色盲(第三色盲)

三色视觉

#6b7890红色弱(第一色弱)
#6c7793绿色弱(第二色弱)
#5d7c8a蓝黄色盲(第三色弱)

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

#5a778e 颜色信息

#5a778e 颜色转换

#5a778e 配色方案

#5a778e 相似颜色

#5a778e 色度/色彩

#5a778e 色调

#5a778e HTML/CSS代码

色盲