#5687d0颜色信息,颜色代码,互补色,类似颜色,配色方案

在RGB颜色空间中，#5687d0由33.73％红色，52.94％绿色和81.57％蓝色组成，十进制红色值为86，绿色值为135，蓝色值为208。在CMKY色彩空间中，他由58.65％青色，35.1％品红色，0.0％黄色和18.43％黑色组成。最接近的网页安全颜色是：＃6699cc。

♥
- R33.7
- G52.9
- B81.6
RGB 百分比
- C58.7
- M35.1
- Y0.0
- K18.4
CMYK 百分比

＃5687d0十进制的RGB值为R:86, G:135, B:208。 CMYK值为C:58.655, M：35.097, Y: 0.0, K: 18.431

RGB	86, 135, 208
百分比	33.73%, 52.94%, 81.57%
十六进制	5687d0
十进制	5670864
二进制	01010110,10000111,11010000
CMYK	58.655, 35.097, 0.0, 18.431
CMYK百分比	59%, 35%, 0%, 18%
CMY	0.663, 0.471, 0.184
CMY百分比	66%, 47%, 18%
HSL	215.9°, 56.48, 57.65
HSV (or HSB)	215.9°, 58.653999999999996, 81.57

XYZ	23.884, 23.859, 63.018
xyY	0.216, 0.215, 23.859
CIE-LAB	55.946, 5.408, -42.628
CIE-LUV	55.946, -22.163, -67.028
CIE-LCH/LCHab	55.946, 42.969, 277.23
CIE-LUV/LCHuv	55.946, 70.597, 251.704
Hunter-Lab	48.846, 1.802, -42.3
YIQ	128.671, -52.654, 12.3541
YUV	128.671, 39.03872, -37.43573
网页安全色	#6699cc
颜色名称

#5687d0
```
#5687d0 rgb(208,159,86)
```
#d09f56
```
#d09f56 rgb(208,159,86)
```

互补色

#56c4d0
```
#56c4d0 rgb(86,196,208)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#6256d0
```
#6256d0 rgb(98,86,208)
```

类似色

#6fd056
```
#6fd056 rgb(111,208,86)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#8056d0
```
#8056d0 rgb(128,86,208)
```

中差色

#c4d056
```
#c4d056 rgb(196,208,86)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#d06256
```
#d06256 rgb(208,98,86)
```

分裂补色

#87d056
```
#87d056 rgb(135,208,86)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#d05687
```
#d05687 rgb(208,86,135)
```

正三角形(三元)配色

#5687d0
```
#5687d0 rgb(86,135,208)
```
#56d09f
```
#56d09f rgb(86,208,159)
```
#d09f56
```
#d09f56 rgb(208,159,86)
```
#d05687
```
#d05687 rgb(208,86,135)
```

矩形（四元）配色

#5687d0
```
#5687d0 rgb(86,135,208)
```
#56d062
```
#56d062 rgb(86,208,98)
```
#d056c4
```
#d056c4 rgb(208,86,196)
```
#d09f56
```
#d09f56 rgb(208,159,86)
```

方形（四元）配色

#2f61aa
```
#2f61aa rgb(47,97,170)
```
#356cbe
```
#356cbe rgb(53,108,190)
```
#4279ca
```
#4279ca rgb(66,121,202)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#6a95d6
```
#6a95d6 rgb(106,149,214)
```
#7ea3db
```
#7ea3db rgb(126,163,219)
```
#92b2e1
```
#92b2e1 rgb(146,178,225)
```

单色

#56a6d0
```
#56a6d0 rgb(86,166,208)
```
#569bd0
```
#569bd0 rgb(86,155,208)
```
#5691d0
```
#5691d0 rgb(86,145,208)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#567dd0
```
#567dd0 rgb(86,125,208)
```
#5673d0
```
#5673d0 rgb(86,115,208)
```
#5669d0
```
#5669d0 rgb(86,105,208)
```

相似颜色

#3771c7
```
#3771c7 rgb(55,113,199)
```
#3369b8
```
#3369b8 rgb(51,105,184)
```
#2f60a9
```
#2f60a9 rgb(47,96,169)
```
#2b5799
```
#2b5799 rgb(43,87,153)
```
#264e8a
```
#264e8a rgb(38,78,138)
```
#22467b
```
#22467b rgb(34,70,123)
```
#1e3d6b
```
#1e3d6b rgb(30,61,107)
```
#1a345c
```
#1a345c rgb(26,52,92)
```
#152b4d
```
#152b4d rgb(21,43,77)
```
#11233d
```
#11233d rgb(17,35,61)
```
#0d1a2e
```
#0d1a2e rgb(13,26,46)
```
#08111f
```
#08111f rgb(8,17,31)
```
#04090f
```
#04090f rgb(4,9,15)
```

至黑

#477ccc
```
#477ccc rgb(71,124,204)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#6592d4
```
#6592d4 rgb(101,146,212)
```
#759dd9
```
#759dd9 rgb(117,157,217)
```
#84a8dd
```
#84a8dd rgb(132,168,221)
```
#93b3e1
```
#93b3e1 rgb(147,179,225)
```
#a3bde5
```
#a3bde5 rgb(163,189,229)
```
#b2c8ea
```
#b2c8ea rgb(178,200,234)
```
#c1d3ee
```
#c1d3ee rgb(193,211,238)
```
#d1def2
```
#d1def2 rgb(209,222,242)
```
#e0e9f6
```
#e0e9f6 rgb(224,233,246)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

至白

#909296
```
#909296 rgb(144,146,150)
```
#88919e
```
#88919e rgb(136,145,158)
```
#808fa6
```
#808fa6 rgb(128,143,166)
```
#778eaf
```
#778eaf rgb(119,142,175)
```
#6f8cb7
```
#6f8cb7 rgb(111,140,183)
```
#678abf
```
#678abf rgb(103,138,191)
```
#5e89c8
```
#5e89c8 rgb(94,137,200)
```
#5687d0
```
#5687d0 rgb(86,135,208)
```
#4e85d8
```
#4e85d8 rgb(78,133,216)
```
#4584e1
```
#4584e1 rgb(69,132,225)
```
#3d82e9
```
#3d82e9 rgb(61,130,233)
```
#3580f1
```
#3580f1 rgb(53,128,241)
```
#2c7ffa
```
#2c7ffa rgb(44,127,250)
```

色调变化

#5687d0 文本颜色

此段文字的字体颜色为 #5687d0.

<span style="color:#5687d0;">文本</span>

#5687d0 背景颜色

此段背景颜色为 #5687d0.

<p style="background-color:#5687d0;">文本</p>

#5687d0 边框颜色

这个边框颜色为 #5687d0.

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

CSS 代码

.text {color:#5687d0;}

.background {background-color:#5687d0;}

.border {border:1px solid #5687d0;}

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

全色盲

#818181全色盲
#788291全色弱

二色视觉

#718ad0红色盲(第一色盲)
#638cd2绿色盲(第二色盲)
#4397a2蓝黄色盲(第三色盲)

三色视觉

#6788d0红色弱(第一色弱)
#5e8ad1绿色弱(第二色弱)
#4a91b3蓝黄色盲(第三色弱)

#5687d0颜色信息,颜色搭配,互补色,类似颜色,配色方案等

#5687d0 颜色信息

#5687d0 颜色转换

#5687d0 配色方案

#5687d0 相似颜色

#5687d0 色度/色彩

#5687d0 色调

#5687d0 HTML/CSS代码

色盲