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

在RGB颜色空间中，#5a84cc由35.29％红色，51.76％绿色和80.0％蓝色组成，十进制红色值为90，绿色值为132，蓝色值为204。在CMKY色彩空间中，他由55.88％青色，35.29％品红色，0.0％黄色和20.0％黑色组成。最接近的网页安全颜色是：＃6699cc。

♥
- R35.3
- G51.8
- B80.0
RGB 百分比
- C55.9
- M35.3
- Y0.0
- K20.0
CMYK 百分比

＃5a84cc十进制的RGB值为R:90, G:132, B:204。 CMYK值为C:55.883, M：35.294, Y: 0.0, K: 20.0

RGB	90, 132, 204
百分比	35.29%, 51.76%, 80.0%
十六进制	5a84cc
十进制	5932236
二进制	01011010,10000100,11001100
CMYK	55.883, 35.294, 0.0, 20.0
CMYK百分比	56%, 35%, 0%, 20%
CMY	0.647, 0.482, 0.2
CMY百分比	65%, 48%, 20%
HSL	217.89°, 52.78, 57.65
HSV (or HSB)	217.89°, 55.882, 80.0

XYZ	23.364, 23.035, 60.338
xyY	0.219, 0.216, 23.035
CIE-LAB	55.108, 6.714, -41.676
CIE-LUV	55.108, -19.978, -65.434
CIE-LCH/LCHab	55.108, 42.213, 279.152
CIE-LUV/LCHuv	55.108, 68.415, 253.022
Hunter-Lab	47.994, 2.906, -40.943
YIQ	127.65, -48.1614, 13.5234
YUV	127.65, 37.57278, -33.03072
网页安全色	#6699cc
颜色名称

#5a84cc
```
#5a84cc rgb(204,162,90)
```
#cca25a
```
#cca25a rgb(204,162,90)
```

互补色

#5abdcc
```
#5abdcc rgb(90,189,204)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#695acc
```
#695acc rgb(105,90,204)
```

类似色

#6dcc5a
```
#6dcc5a rgb(109,204,90)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#865acc
```
#865acc rgb(134,90,204)
```

中差色

#bdcc5a
```
#bdcc5a rgb(189,204,90)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#cc695a
```
#cc695a rgb(204,105,90)
```

分裂补色

#84cc5a
```
#84cc5a rgb(132,204,90)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#cc5a84
```
#cc5a84 rgb(204,90,132)
```

正三角形(三元)配色

#5a84cc
```
#5a84cc rgb(90,132,204)
```
#5acca2
```
#5acca2 rgb(90,204,162)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#cc5a84
```
#cc5a84 rgb(204,90,132)
```

矩形（四元）配色

#5a84cc
```
#5a84cc rgb(90,132,204)
```
#5acc69
```
#5acc69 rgb(90,204,105)
```
#cc5abd
```
#cc5abd rgb(204,90,189)
```
#cca25a
```
#cca25a rgb(204,162,90)
```

方形（四元）配色

#335ea6
```
#335ea6 rgb(51,94,166)
```
#3969ba
```
#3969ba rgb(57,105,186)
```
#4775c6
```
#4775c6 rgb(71,117,198)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#6d93d2
```
#6d93d2 rgb(109,147,210)
```
#81a1d8
```
#81a1d8 rgb(129,161,216)
```
#94b0de
```
#94b0de rgb(148,176,222)
```

单色

#5aa1cc
```
#5aa1cc rgb(90,161,204)
```
#5a97cc
```
#5a97cc rgb(90,151,204)
```
#5a8ecc
```
#5a8ecc rgb(90,142,204)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#5a7bcc
```
#5a7bcc rgb(90,123,204)
```
#5a71cc
```
#5a71cc rgb(90,113,204)
```
#5a68cc
```
#5a68cc rgb(90,104,204)
```

相似颜色

#3c6ec3
```
#3c6ec3 rgb(60,110,195)
```
#3865b4
```
#3865b4 rgb(56,101,180)
```
#335da5
```
#335da5 rgb(51,93,165)
```
#2e5496
```
#2e5496 rgb(46,84,150)
```
#2a4c87
```
#2a4c87 rgb(42,76,135)
```
#254378
```
#254378 rgb(37,67,120)
```
#203b69
```
#203b69 rgb(32,59,105)
```
#1c335a
```
#1c335a rgb(28,51,90)
```
#172a4b
```
#172a4b rgb(23,42,75)
```
#12223c
```
#12223c rgb(18,34,60)
```
#0e192d
```
#0e192d rgb(14,25,45)
```
#09111e
```
#09111e rgb(9,17,30)
```
#05080f
```
#05080f rgb(5,8,15)
```

至黑

#4b79c7
```
#4b79c7 rgb(75,121,199)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#698fd1
```
#698fd1 rgb(105,143,209)
```
#789ad5
```
#789ad5 rgb(120,154,213)
```
#87a6da
```
#87a6da rgb(135,166,218)
```
#96b1df
```
#96b1df rgb(150,177,223)
```
#a5bce3
```
#a5bce3 rgb(165,188,227)
```
#b4c7e8
```
#b4c7e8 rgb(180,199,232)
```
#c3d2ec
```
#c3d2ec rgb(195,210,236)
```
#d2ddf1
```
#d2ddf1 rgb(210,221,241)
```
#e1e9f6
```
#e1e9f6 rgb(225,233,246)
```
#f0f4fa
```
#f0f4fa rgb(240,244,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

至白

#8c919a
```
#8c919a rgb(140,145,154)
```
#848fa2
```
#848fa2 rgb(132,143,162)
```
#7b8dab
```
#7b8dab rgb(123,141,171)
```
#738bb3
```
#738bb3 rgb(115,139,179)
```
#6b88bb
```
#6b88bb rgb(107,136,187)
```
#6286c4
```
#6286c4 rgb(98,134,196)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```
#5282d4
```
#5282d4 rgb(82,130,212)
```
#4980dd
```
#4980dd rgb(73,128,221)
```
#417de5
```
#417de5 rgb(65,125,229)
```
#397bed
```
#397bed rgb(57,123,237)
```
#3079f6
```
#3079f6 rgb(48,121,246)
```
#2877fe
```
#2877fe rgb(40,119,254)
```

色调变化

#5a84cc 文本颜色

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

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

#5a84cc 背景颜色

此段背景颜色为 #5a84cc.

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

#5a84cc 边框颜色

这个边框颜色为 #5a84cc.

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

CSS 代码

.text {color:#5a84cc;}

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

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

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

全色盲

#808080全色盲
#78818f全色弱

二色视觉

#6f88cc红色盲(第一色盲)
#638ace绿色盲(第二色盲)
#4b949f蓝黄色盲(第三色盲)

三色视觉

#6786cc红色弱(第一色弱)
#5f87cd绿色弱(第二色弱)
#508eaf蓝黄色盲(第三色弱)

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

#5a84cc 颜色信息

#5a84cc 颜色转换

#5a84cc 配色方案

#5a84cc 相似颜色

#5a84cc 色度/色彩

#5a84cc 色调

#5a84cc HTML/CSS代码

色盲