#686ba3颜色信息,颜色代码,互补色,类似颜色,配色方案

在RGB颜色空间中，#686ba3由40.78％红色，41.96％绿色和63.92％蓝色组成，十进制红色值为104，绿色值为107，蓝色值为163。在CMKY色彩空间中，他由36.2％青色，34.36％品红色，0.0％黄色和36.08％黑色组成。最接近的网页安全颜色是：＃666699。

♥
- R40.8
- G42.0
- B63.9
RGB 百分比
- C36.2
- M34.4
- Y0.0
- K36.1
CMYK 百分比

＃686ba3十进制的RGB值为R:104, G:107, B:163。 CMYK值为C:36.197, M：34.356, Y: 0.0, K: 36.078

RGB	104, 107, 163
百分比	40.78%, 41.96%, 63.92%
十六进制	686ba3
十进制	6843299
二进制	01101000,01101011,10100011
CMYK	36.197, 34.356, 0.0, 36.078
CMYK百分比	36%, 34%, 0%, 36%
CMY	0.592, 0.58, 0.361
CMY百分比	59%, 58%, 36%
HSL	236.95°, 24.28, 52.35
HSV (or HSB)	236.95°, 36.196, 63.92

XYZ	17.576, 16.102, 36.83
xyY	0.249, 0.228, 16.102
CIE-LAB	47.109, 12.84, -30.544
CIE-LUV	47.109, -4.669, -46.688
CIE-LCH/LCHab	47.109, 33.133, 292.801
CIE-LUV/LCHuv	47.109, 46.921, 264.289
Hunter-Lab	40.128, 7.96, -26.328
YIQ	112.487, -19.7805, 16.7927
YUV	112.487, 24.85846, -7.44556
网页安全色	#666699
颜色名称

#686ba3
```
#686ba3 rgb(163,160,104)
```
#a3a068
```
#a3a068 rgb(163,160,104)
```

互补色

#6888a3
```
#6888a3 rgb(104,136,163)
```
#686ba3
```
#686ba3 rgb(104,107,163)
```
#8268a3
```
#8268a3 rgb(130,104,163)
```

类似色

#68a371
```
#68a371 rgb(104,163,113)
```
#686ba3
```
#686ba3 rgb(104,107,163)
```
#9168a3
```
#9168a3 rgb(145,104,163)
```

中差色

#88a368
```
#88a368 rgb(136,163,104)
```
#686ba3
```
#686ba3 rgb(104,107,163)
```
#a38268
```
#a38268 rgb(163,130,104)
```

分裂补色

#6ba368
```
#6ba368 rgb(107,163,104)
```
#686ba3
```
#686ba3 rgb(104,107,163)
```
#a3686b
```
#a3686b rgb(163,104,107)
```

正三角形(三元)配色

#686ba3
```
#686ba3 rgb(104,107,163)
```
#68a3a0
```
#68a3a0 rgb(104,163,160)
```
#a3a068
```
#a3a068 rgb(163,160,104)
```
#a3686b
```
#a3686b rgb(163,104,107)
```

矩形（四元）配色

#686ba3
```
#686ba3 rgb(104,107,163)
```
#68a383
```
#68a383 rgb(104,163,131)
```
#a36889
```
#a36889 rgb(163,104,137)
```
#a3a068
```
#a3a068 rgb(163,160,104)
```

方形（四元）配色

#484a76
```
#484a76 rgb(72,74,118)
```
#525486
```
#525486 rgb(82,84,134)
```
#5b5e96
```
#5b5e96 rgb(91,94,150)
```
#686ba3
```
#686ba3 rgb(104,107,163)
```
#787bad
```
#787bad rgb(120,123,173)
```
#888ab6
```
#888ab6 rgb(136,138,182)
```
#989ac0
```
#989ac0 rgb(152,154,192)
```

单色

#687aa3
```
#687aa3 rgb(104,122,163)
```
#6875a3
```
#6875a3 rgb(104,117,163)
```
#6870a3
```
#6870a3 rgb(104,112,163)
```
#686ba3
```
#686ba3 rgb(104,107,163)
```
#6a68a3
```
#6a68a3 rgb(106,104,163)
```
#6f68a3
```
#6f68a3 rgb(111,104,163)
```
#7468a3
```
#7468a3 rgb(116,104,163)
```

相似颜色

#5e619a
```
#5e619a rgb(94,97,154)
```
#56598e
```
#56598e rgb(86,89,142)
```
#4f5181
```
#4f5181 rgb(79,81,129)
```
#474a75
```
#474a75 rgb(71,74,117)
```
#404269
```
#404269 rgb(64,66,105)
```
#393a5d
```
#393a5d rgb(57,58,93)
```
#313351
```
#313351 rgb(49,51,81)
```
#2a2b44
```
#2a2b44 rgb(42,43,68)
```
#222338
```
#222338 rgb(34,35,56)
```
#1b1c2c
```
#1b1c2c rgb(27,28,44)
```
#131420
```
#131420 rgb(19,20,32)
```
#0c0c14
```
#0c0c14 rgb(12,12,20)
```
#050507
```
#050507 rgb(5,5,7)
```

至黑

#686ba3
```
#686ba3 rgb(104,107,163)
```
#7477aa
```
#7477aa rgb(116,119,170)
```
#8083b2
```
#8083b2 rgb(128,131,178)
```
#8d8fb9
```
#8d8fb9 rgb(141,143,185)
```
#999bc1
```
#999bc1 rgb(153,155,193)
```
#a5a7c8
```
#a5a7c8 rgb(165,167,200)
```
#b1b3d0
```
#b1b3d0 rgb(177,179,208)
```
#bdbfd7
```
#bdbfd7 rgb(189,191,215)
```
#cacbde
```
#cacbde rgb(202,203,222)
```
#d6d7e6
```
#d6d7e6 rgb(214,215,230)
```
#e2e2ed
```
#e2e2ed rgb(226,226,237)
```
#eeeef5
```
#eeeef5 rgb(238,238,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

至白

#848487
```
#848487 rgb(132,132,135)
```
#7b7c90
```
#7b7c90 rgb(123,124,144)
```
#71739a
```
#71739a rgb(113,115,154)
```
#686ba3
```
#686ba3 rgb(104,107,163)
```
#5f63ac
```
#5f63ac rgb(95,99,172)
```
#555ab6
```
#555ab6 rgb(85,90,182)
```
#4c52bf
```
#4c52bf rgb(76,82,191)
```
#4349c8
```
#4349c8 rgb(67,73,200)
```
#3941d2
```
#3941d2 rgb(57,65,210)
```
#3039db
```
#3039db rgb(48,57,219)
```
#2730e4
```
#2730e4 rgb(39,48,228)
```
#1d28ee
```
#1d28ee rgb(29,40,238)
```
#141ff7
```
#141ff7 rgb(20,31,247)
```

色调变化

#686ba3 文本颜色

此段文字的字体颜色为 #686ba3.

<span style="color:#686ba3;">文本</span>

#686ba3 背景颜色

此段背景颜色为 #686ba3.

<p style="background-color:#686ba3;">文本</p>

#686ba3 边框颜色

这个边框颜色为 #686ba3.

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

CSS 代码

.text {color:#686ba3;}

.background {background-color:#686ba3;}

.border {border:1px solid #686ba3;}

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

全色盲

#707070全色盲
#6e6f7a全色弱

二色视觉

#6475a9红色盲(第一色盲)
#6276a6绿色盲(第二色盲)
#657a83蓝黄色盲(第三色盲)

三色视觉

#6571a7红色弱(第一色弱)
#6472a5绿色弱(第二色弱)
#66748e蓝黄色盲(第三色弱)

#686ba3颜色信息,颜色搭配,互补色,类似颜色,配色方案等

#686ba3 颜色信息

#686ba3 颜色转换

#686ba3 配色方案

#686ba3 相似颜色

#686ba3 色度/色彩

#686ba3 色调

#686ba3 HTML/CSS代码

色盲