#1684c3颜色信息-RGB,CMYK,配色方案|Coloraa颜色查询

在RGB颜色空间中，#1684c3由8.63％红色，51.76％绿色和76.47％蓝色组成，十进制红色值为22，绿色值为132，蓝色值为195。在CMKY色彩空间中，他由88.72%青色，32.31%品红色，0.0%黄色和23.53%黑色组成。最接近的网页安全颜色是：＃0099cc。

♥
- R8.6
- G51.8
- B76.5
RGB百分比
- C88.7
- M32.3
- Y0.0
- K23.5
CMYK百分比

＃1684c3十进制的RGB值为R:22,G:132,B:195。CMYK值为C:88.719,M：32.308,Y:0.0,K:23.529

RGB	22,132,195
百分比	8.63%,51.76%,76.47%
十六进制	1684c3
十进制	1475779
二进制	00010110,10000100,11000011
CMYK	88.719,32.308,0.0,23.529
CMYK百分比	89%,32%,0%,24%
CMY	0.914,0.482,0.235
CMY百分比	91%,48%,24%
HSL	201.85°,79.72,42.55
HSV(or HSB)	201.85°,88.718,76.47

XYZ	18.43,20.612,54.634
xyY	0.197,0.22,20.612
CIE-LAB	52.522,-5.952,-40.786
CIE-LUV	52.522,-32.672,-62.076
CIE-LCH/LCHab	52.522,41.218,261.698
CIE-LUV/LCHuv	52.522,70.149,242.241
Hunter-Lab	45.4,-6.988,-39.569
YIQ	106.292,-85.7909,-3.6594
YUV	106.292,43.65362,-73.95063
网页安全色	#0099cc
颜色名称

为您提供丰富多样的颜色搭配灵感，帮助您在各个领域中实现理想的视觉效果。

#1684c3
```
#1684c3rgb(195,85,22)
```
#c35516
```
#c35516rgb(195,85,22)
```

互补色

#16c3ac
```
#16c3acrgb(22,195,172)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#162ec3
```
#162ec3rgb(22,46,195)
```

类似色

#61c316
```
#61c316rgb(97,195,22)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#2a16c3
```
#2a16c3rgb(42,22,195)
```

中差色

#c3ac16
```
#c3ac16rgb(195,172,22)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#c3162e
```
#c3162ergb(195,22,46)
```

分裂补色

#84c316
```
#84c316rgb(132,195,22)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#c31684
```
#c31684rgb(195,22,132)
```

正三角形(三元)配色

#1684c3
```
#1684c3rgb(22,132,195)
```
#16c355
```
#16c355rgb(22,195,85)
```
#c35516
```
#c35516rgb(195,85,22)
```
#c31684
```
#c31684rgb(195,22,132)
```

矩形（四元）配色

#1684c3
```
#1684c3rgb(22,132,195)
```
#2dc316
```
#2dc316rgb(45,195,22)
```
#ab16c3
```
#ab16c3rgb(171,22,195)
```
#c35516
```
#c35516rgb(195,85,22)
```

方形（四元）配色

#0e557e
```
#0e557ergb(14,85,126)
```
#116595
```
#116595rgb(17,101,149)
```
#1374ac
```
#1374acrgb(19,116,172)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#1994da
```
#1994dargb(25,148,218)
```
#26a0e6
```
#26a0e6rgb(38,160,230)
```
#3caae9
```
#3caae9rgb(60,170,233)
```

单色

以下颜色与#1684c3在视觉上高度相似，或者属于同一色系，在寻求微妙变化时可作参考。

#16afc3
```
#16afc3rgb(22,175,195)
```
#16a1c3
```
#16a1c3rgb(22,161,195)
```
#1692c3
```
#1692c3rgb(22,146,195)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#1676c3
```
#1676c3rgb(22,118,195)
```
#1667c3
```
#1667c3rgb(22,103,195)
```
#1659c3
```
#1659c3rgb(22,89,195)
```

相似颜色

通过调整亮度或饱和度，可以得到#1684c3向黑或向白过渡的渐变色板，这些变化能为您提供丰富的层次感选择。

#1890d5
```
#1890d5rgb(24,144,213)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#1478b1
```
#1478b1rgb(20,120,177)
```
#126ca0
```
#126ca0rgb(18,108,160)
```
#10608e
```
#10608ergb(16,96,142)
```
#0e547c
```
#0e547crgb(14,84,124)
```
#0c486b
```
#0c486brgb(12,72,107)
```
#0a3c59
```
#0a3c59rgb(10,60,89)
```
#083048
```
#083048rgb(8,48,72)
```
#062536
```
#062536rgb(6,37,54)
```
#041924
```
#041924rgb(4,25,36)
```
#020d13
```
#020d13rgb(2,13,19)
```
#000101
```
#000101rgb(0,1,1)
```

至黑

#1b9ce5
```
#1b9ce5rgb(27,156,229)
```
#2da3e7
```
#2da3e7rgb(45,163,231)
```
#3eabe9
```
#3eabe9rgb(62,171,233)
```
#50b3eb
```
#50b3ebrgb(80,179,235)
```
#61baed
```
#61baedrgb(97,186,237)
```
#73c2ef
```
#73c2efrgb(115,194,239)
```
#85caf1
```
#85caf1rgb(133,202,241)
```
#96d1f3
```
#96d1f3rgb(150,209,243)
```
#a8d9f5
```
#a8d9f5rgb(168,217,245)
```
#bae1f7
```
#bae1f7rgb(186,225,247)
```
#cbe8f9
```
#cbe8f9rgb(203,232,249)
```
#ddf0fb
```
#ddf0fbrgb(221,240,251)
```
#eef8fd
```
#eef8fdrgb(238,248,253)
```

至白

通过添加灰色或调整饱和度，可以探索#1684c3在不同色调下的表现，从而获得更丰富的视觉情绪。

#696d70
```
#696d70rgb(105,109,112)
```
#617078
```
#617078rgb(97,112,120)
```
#597280
```
#597280rgb(89,114,128)
```
#507489
```
#507489rgb(80,116,137)
```
#487691
```
#487691rgb(72,118,145)
```
#407999
```
#407999rgb(64,121,153)
```
#377ba2
```
#377ba2rgb(55,123,162)
```
#2f7daa
```
#2f7daargb(47,125,170)
```
#277fb2
```
#277fb2rgb(39,127,178)
```
#1e82bb
```
#1e82bbrgb(30,130,187)
```
#1684c3
```
#1684c3rgb(22,132,195)
```
#0e86cb
```
#0e86cbrgb(14,134,203)
```
#0589d4
```
#0589d4rgb(5,137,212)
```

色调变化

直接在您的网页设计或开发项目中使用#1684c3的相关代码。

#1684c3文本颜色

此段文字的字体颜色为#1684c3.

<span style="color:#1684c3;">文本</span>

#1684c3背景颜色

此段背景颜色为#1684c3.

<p style="background-color:#1684c3;">文本</p>

#1684c3边框颜色

这个边框颜色为#1684c3.

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

CSS代码

.text{color:#1684c3}

.background{background-color:#1684c3}

.border{border:1px solid#1684c3}

#1684c3

1684c3颜色信息

颜色转换

配色方案

相似颜色

1684c3色度/色彩

色调

HTML/CSS代码