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

在RGB颜色空间中，#567a99由33.73％红色，47.84％绿色和60.0％蓝色组成，十进制红色值为86，绿色值为122，蓝色值为153。在CMKY色彩空间中，他由43.79%青色，20.26%品红色，0.0%黄色和40.0%黑色组成。最接近的网页安全颜色是：＃666699。

♥
- R33.7
- G47.8
- B60.0
RGB百分比
- C43.8
- M20.3
- Y0.0
- K40.0
CMYK百分比

＃567a99十进制的RGB值为R:86,G:122,B:153。CMYK值为C:43.792,M：20.262,Y:0.0,K:40.0

RGB	86,122,153
百分比	33.73%,47.84%,60.0%
十六进制	567a99
十进制	5667481
二进制	01010110,01111010,10011001
CMYK	43.792,20.262,0.0,40.0
CMYK百分比	44%,20%,0%,40%
CMY	0.663,0.522,0.4
CMY百分比	66%,52%,40%
HSL	207.76°,28.03,46.86
HSV(or HSB)	207.76°,43.791000000000004,60.0

XYZ	16.546,18.197,32.776
xyY	0.245,0.27,18.197
CIE-LAB	49.734,-4.154,-20.704
CIE-LUV	49.734,-17.578,-29.777
CIE-LCH/LCHab	49.734,21.117,258.654
CIE-LUV/LCHuv	49.734,34.579,239.446
Hunter-Lab	42.658,-5.415,-15.695
YIQ	114.77,-31.4127,2.0332
YUV	114.77,18.8139,-25.24031
网页安全色	#666699
颜色名称

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

#567a99
```
#567a99rgb(153,117,86)
```
#997556
```
#997556rgb(153,117,86)
```

互补色

#569997
```
#569997rgb(86,153,151)
```
#567a99
```
#567a99rgb(86,122,153)
```
#565999
```
#565999rgb(86,89,153)
```

类似色

#6d9956
```
#6d9956rgb(109,153,86)
```
#567a99
```
#567a99rgb(86,122,153)
```
#645699
```
#645699rgb(100,86,153)
```

中差色

#999756
```
#999756rgb(153,151,86)
```
#567a99
```
#567a99rgb(86,122,153)
```
#995659
```
#995659rgb(153,86,89)
```

分裂补色

#7a9956
```
#7a9956rgb(122,153,86)
```
#567a99
```
#567a99rgb(86,122,153)
```
#99567a
```
#99567argb(153,86,122)
```

正三角形(三元)配色

#567a99
```
#567a99rgb(86,122,153)
```
#569975
```
#569975rgb(86,153,117)
```
#997556
```
#997556rgb(153,117,86)
```
#99567a
```
#99567argb(153,86,122)
```

矩形（四元）配色

#567a99
```
#567a99rgb(86,122,153)
```
#589956
```
#589956rgb(88,153,86)
```
#965699
```
#965699rgb(150,86,153)
```
#997556
```
#997556rgb(153,117,86)
```

方形（四元）配色

#3a5368
```
#3a5368rgb(58,83,104)
```
#446078
```
#446078rgb(68,96,120)
```
#4d6d89
```
#4d6d89rgb(77,109,137)
```
#567a99
```
#567a99rgb(86,122,153)
```
#6287a7
```
#6287a7rgb(98,135,167)
```
#7293b0
```
#7293b0rgb(114,147,176)
```
#82a0b9
```
#82a0b9rgb(130,160,185)
```

单色

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

#568b99
```
#568b99rgb(86,139,153)
```
#568599
```
#568599rgb(86,133,153)
```
#568099
```
#568099rgb(86,128,153)
```
#567a99
```
#567a99rgb(86,122,153)
```
#567499
```
#567499rgb(86,116,153)
```
#566f99
```
#566f99rgb(86,111,153)
```
#566999
```
#566999rgb(86,105,153)
```

相似颜色

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

#567a99
```
#567a99rgb(86,122,153)
```
#4f708c
```
#4f708crgb(79,112,140)
```
#486680
```
#486680rgb(72,102,128)
```
#415c73
```
#415c73rgb(65,92,115)
```
#3a5267
```
#3a5267rgb(58,82,103)
```
#33485a
```
#33485argb(51,72,90)
```
#2c3e4e
```
#2c3e4ergb(44,62,78)
```
#253441
```
#253441rgb(37,52,65)
```
#1e2a35
```
#1e2a35rgb(30,42,53)
```
#162028
```
#162028rgb(22,32,40)
```
#0f161b
```
#0f161brgb(15,22,27)
```
#080c0f
```
#080c0frgb(8,12,15)
```
#010202
```
#010202rgb(1,2,2)
```

至黑

#5e84a5
```
#5e84a5rgb(94,132,165)
```
#6b8eac
```
#6b8eacrgb(107,142,172)
```
#7797b3
```
#7797b3rgb(119,151,179)
```
#84a1ba
```
#84a1bargb(132,161,186)
```
#90aac1
```
#90aac1rgb(144,170,193)
```
#9db4c8
```
#9db4c8rgb(157,180,200)
```
#a9becf
```
#a9becfrgb(169,190,207)
```
#b6c7d6
```
#b6c7d6rgb(182,199,214)
```
#c3d1dd
```
#c3d1ddrgb(195,209,221)
```
#cfdae4
```
#cfdae4rgb(207,218,228)
```
#dce4eb
```
#dce4ebrgb(220,228,235)
```
#e8eef2
```
#e8eef2rgb(232,238,242)
```
#f5f7f9
```
#f5f7f9rgb(245,247,249)
```

至白

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

#72787d
```
#72787drgb(114,120,125)
```
#687987
```
#687987rgb(104,121,135)
```
#5f7990
```
#5f7990rgb(95,121,144)
```
#567a99
```
#567a99rgb(86,122,153)
```
#4d7ba2
```
#4d7ba2rgb(77,123,162)
```
#447bab
```
#447babrgb(68,123,171)
```
#3a7cb5
```
#3a7cb5rgb(58,124,181)
```
#317dbe
```
#317dbergb(49,125,190)
```
#287dc7
```
#287dc7rgb(40,125,199)
```
#1f7ed0
```
#1f7ed0rgb(31,126,208)
```
#167fd9
```
#167fd9rgb(22,127,217)
```
#0c7fe3
```
#0c7fe3rgb(12,127,227)
```
#0380ec
```
#0380ecrgb(3,128,236)
```

色调变化

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

#567a99文本颜色

此段文字的字体颜色为#567a99.

<span style="color:#567a99;">文本</span>

#567a99背景颜色

此段背景颜色为#567a99.

<p style="background-color:#567a99;">文本</p>

#567a99边框颜色

这个边框颜色为#567a99.

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

CSS代码

.text{color:#567a99}

.background{background-color:#567a99}

.border{border:1px solid#567a99}

#567a99

567a99颜色信息

颜色转换

配色方案

相似颜色

567a99色度/色彩

色调

HTML/CSS代码