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

在RGB颜色空间中，#568fb7由33.73％红色，56.08％绿色和71.76％蓝色组成，十进制红色值为86，绿色值为143，蓝色值为183。在CMKY色彩空间中，他由53.01%青色，21.86%品红色，0.0%黄色和28.23%黑色组成。最接近的网页安全颜色是：＃6699cc。

♥
- R33.7
- G56.1
- B71.8
RGB百分比
- C53.0
- M21.9
- Y0.0
- K28.2
CMYK百分比

＃568fb7十进制的RGB值为R:86,G:143,B:183。CMYK值为C:53.006,M：21.859,Y:0.0,K:28.235

RGB	86,143,183
百分比	33.73%,56.08%,71.76%
十六进制	568fb7
十进制	5672887
二进制	01010110,10001111,10110111
CMYK	53.006,21.859,0.0,28.235
CMYK百分比	53%,22%,0%,28%
CMY	0.663,0.439,0.282
CMY百分比	66%,44%,28%
HSL	204.74°,40.25,52.74
HSV(or HSB)	204.74°,53.005,71.77

XYZ	22.205,25.041,48.46
xyY	0.232,0.262,25.041
CIE-LAB	57.115,-7.204,-26.64
CIE-LUV	57.115,-25.486,-39.685
CIE-LCH/LCHab	57.115,27.597,254.868
CIE-LUV/LCHuv	57.115,47.164,237.292
Hunter-Lab	50.041,-8.363,-22.389
YIQ	130.517,-46.8183,0.3925
YUV	130.517,25.82784,-39.0554
网页安全色	#6699cc
颜色名称

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

#568fb7
```
#568fb7rgb(183,126,86)
```
#b77e56
```
#b77e56rgb(183,126,86)
```

互补色

#56b7af
```
#56b7afrgb(86,183,175)
```
#568fb7
```
#568fb7rgb(86,143,183)
```
#565fb7
```
#565fb7rgb(86,95,183)
```

类似色

#7cb756
```
#7cb756rgb(124,183,86)
```
#568fb7
```
#568fb7rgb(86,143,183)
```
#6656b7
```
#6656b7rgb(102,86,183)
```

中差色

#b7af56
```
#b7af56rgb(183,175,86)
```
#568fb7
```
#568fb7rgb(86,143,183)
```
#b7565f
```
#b7565frgb(183,86,95)
```

分裂补色

#8fb756
```
#8fb756rgb(143,183,86)
```
#568fb7
```
#568fb7rgb(86,143,183)
```
#b7568f
```
#b7568frgb(183,86,143)
```

正三角形(三元)配色

#568fb7
```
#568fb7rgb(86,143,183)
```
#56b77e
```
#56b77ergb(86,183,126)
```
#b77e56
```
#b77e56rgb(183,126,86)
```
#b7568f
```
#b7568frgb(183,86,143)
```

矩形（四元）配色

#568fb7
```
#568fb7rgb(86,143,183)
```
#5eb756
```
#5eb756rgb(94,183,86)
```
#ae56b7
```
#ae56b7rgb(174,86,183)
```
#b77e56
```
#b77e56rgb(183,126,86)
```

方形（四元）配色

#3a6787
```
#3a6787rgb(58,103,135)
```
#417599
```
#417599rgb(65,117,153)
```
#4982ab
```
#4982abrgb(73,130,171)
```
#568fb7
```
#568fb7rgb(86,143,183)
```
#689bbf
```
#689bbfrgb(104,155,191)
```
#7aa7c6
```
#7aa7c6rgb(122,167,198)
```
#8cb3ce
```
#8cb3cergb(140,179,206)
```

单色

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

#56a7b7
```
#56a7b7rgb(86,167,183)
```
#569fb7
```
#569fb7rgb(86,159,183)
```
#5697b7
```
#5697b7rgb(86,151,183)
```
#568fb7
```
#568fb7rgb(86,143,183)
```
#5687b7
```
#5687b7rgb(86,135,183)
```
#567fb7
```
#567fb7rgb(86,127,183)
```
#5677b7
```
#5677b7rgb(86,119,183)
```

相似颜色

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

#4b85af
```
#4b85afrgb(75,133,175)
```
#457ba1
```
#457ba1rgb(69,123,161)
```
#3f7093
```
#3f7093rgb(63,112,147)
```
#396686
```
#396686rgb(57,102,134)
```
#335b78
```
#335b78rgb(51,91,120)
```
#2d516a
```
#2d516argb(45,81,106)
```
#27465c
```
#27465crgb(39,70,92)
```
#213c4f
```
#213c4frgb(33,60,79)
```
#1c3141
```
#1c3141rgb(28,49,65)
```
#162733
```
#162733rgb(22,39,51)
```
#101c25
```
#101c25rgb(16,28,37)
```
#0a1218
```
#0a1218rgb(10,18,24)
```
#04070a
```
#04070argb(4,7,10)
```

至黑

#568fb7
```
#568fb7rgb(86,143,183)
```
#6498bd
```
#6498bdrgb(100,152,189)
```
#72a1c3
```
#72a1c3rgb(114,161,195)
```
#7faac9
```
#7faac9rgb(127,170,201)
```
#8db3ce
```
#8db3cergb(141,179,206)
```
#9bbdd4
```
#9bbdd4rgb(155,189,212)
```
#a9c6da
```
#a9c6dargb(169,198,218)
```
#b6cfe0
```
#b6cfe0rgb(182,207,224)
```
#c4d8e6
```
#c4d8e6rgb(196,216,230)
```
#d2e1ec
```
#d2e1ecrgb(210,225,236)
```
#e0eaf2
```
#e0eaf2rgb(224,234,242)
```
#edf3f7
```
#edf3f7rgb(237,243,247)
```
#fbfcfd
```
#fbfcfdrgb(251,252,253)
```

至白

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

#848789
```
#848789rgb(132,135,137)
```
#7b8992
```
#7b8992rgb(123,137,146)
```
#728a9b
```
#728a9brgb(114,138,155)
```
#698ca4
```
#698ca4rgb(105,140,164)
```
#5f8dae
```
#5f8daergb(95,141,174)
```
#568fb7
```
#568fb7rgb(86,143,183)
```
#4d91c0
```
#4d91c0rgb(77,145,192)
```
#4392ca
```
#4392cargb(67,146,202)
```
#3a94d3
```
#3a94d3rgb(58,148,211)
```
#3195dc
```
#3195dcrgb(49,149,220)
```
#2897e5
```
#2897e5rgb(40,151,229)
```
#1e99ef
```
#1e99efrgb(30,153,239)
```
#159af8
```
#159af8rgb(21,154,248)
```

色调变化

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

#568fb7文本颜色

此段文字的字体颜色为#568fb7.

<span style="color:#568fb7;">文本</span>

#568fb7背景颜色

此段背景颜色为#568fb7.

<p style="background-color:#568fb7;">文本</p>

#568fb7边框颜色

这个边框颜色为#568fb7.

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

CSS代码

.text{color:#568fb7}

.background{background-color:#568fb7}

.border{border:1px solid#568fb7}

#568fb7

568fb7颜色信息

颜色转换

配色方案

相似颜色

568fb7色度/色彩

色调

HTML/CSS代码