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

在RGB颜色空间中，#336699由20.0％红色，40.0％绿色和60.0％蓝色组成，十进制红色值为51，绿色值为102，蓝色值为153。在CMKY色彩空间中，他由66.67%青色，33.33%品红色，0.0%黄色和40.0%黑色组成。最接近的网页安全颜色是：＃336699。

♥
- R20.0
- G40.0
- B60.0
RGB百分比
- C66.7
- M33.3
- Y0.0
- K40.0
CMYK百分比

＃336699十进制的RGB值为R:51,G:102,B:153。CMYK值为C:66.667,M：33.333,Y:0.0,K:40.0

RGB	51,102,153
百分比	20.0%,40.0%,60.0%
十六进制	336699
十进制	3368601
二进制	00110011,01100110,10011001
CMYK	66.667,33.333,0.0,40.0
CMYK百分比	67%,33%,0%,40%
CMY	0.8,0.6,0.4
CMY百分比	80%,60%,40%
HSL	210.0°,50.0,40.0
HSV(or HSB)	210.0°,66.667,60.0

XYZ	11.865,12.506,31.924
xyY	0.211,0.222,12.506
CIE-LAB	42.009,-0.149,-32.851
CIE-LUV	42.009,-20.249,-47.563
CIE-LCH/LCHab	42.009,32.852,269.741
CIE-LUV/LCHuv	42.009,51.694,246.939
Hunter-Lab	35.363,-1.996,-28.769
YIQ	92.565,-46.7772,5.0847
YUV	92.565,29.74065,-36.46551
网页安全色	#336699
颜色名称

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

#336699
```
#336699rgb(153,102,51)
```
#996633
```
#996633rgb(153,102,51)
```

互补色

#339999
```
#339999rgb(51,153,153)
```
#336699
```
#336699rgb(51,102,153)
```
#333399
```
#333399rgb(51,51,153)
```

类似色

#529933
```
#529933rgb(82,153,51)
```
#336699
```
#336699rgb(51,102,153)
```
#4d3399
```
#4d3399rgb(77,51,153)
```

中差色

#999933
```
#999933rgb(153,153,51)
```
#336699
```
#336699rgb(51,102,153)
```
#993333
```
#993333rgb(153,51,51)
```

分裂补色

#669933
```
#669933rgb(102,153,51)
```
#336699
```
#336699rgb(51,102,153)
```
#993366
```
#993366rgb(153,51,102)
```

正三角形(三元)配色

#336699
```
#336699rgb(51,102,153)
```
#339966
```
#339966rgb(51,153,102)
```
#996633
```
#996633rgb(153,102,51)
```
#993366
```
#993366rgb(153,51,102)
```

矩形（四元）配色

#336699
```
#336699rgb(51,102,153)
```
#339933
```
#339933rgb(51,153,51)
```
#993399
```
#993399rgb(153,51,153)
```
#996633
```
#996633rgb(153,102,51)
```

方形（四元）配色

#204060
```
#204060rgb(32,64,96)
```
#264d73
```
#264d73rgb(38,77,115)
```
#2d5986
```
#2d5986rgb(45,89,134)
```
#336699
```
#336699rgb(51,102,153)
```
#3973ac
```
#3973acrgb(57,115,172)
```
#4080bf
```
#4080bfrgb(64,128,191)
```
#538cc6
```
#538cc6rgb(83,140,198)
```

单色

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

#338099
```
#338099rgb(51,128,153)
```
#337799
```
#337799rgb(51,119,153)
```
#336f99
```
#336f99rgb(51,111,153)
```
#336699
```
#336699rgb(51,102,153)
```
#335e99
```
#335e99rgb(51,94,153)
```
#335599
```
#335599rgb(51,85,153)
```
#334d99
```
#334d99rgb(51,77,153)
```

相似颜色

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

#3d7ab6
```
#3d7ab6rgb(61,122,182)
```
#3870a8
```
#3870a8rgb(56,112,168)
```
#336699
```
#336699rgb(51,102,153)
```
#2e5c8a
```
#2e5c8argb(46,92,138)
```
#29527c
```
#29527crgb(41,82,124)
```
#24496d
```
#24496drgb(36,73,109)
```
#1f3f5e
```
#1f3f5ergb(31,63,94)
```
#1a354f
```
#1a354frgb(26,53,79)
```
#162b41
```
#162b41rgb(22,43,65)
```
#112132
```
#112132rgb(17,33,50)
```
#0c1823
```
#0c1823rgb(12,24,35)
```
#070e15
```
#070e15rgb(7,14,21)
```
#020406
```
#020406rgb(2,4,6)
```

至黑

#4683c1
```
#4683c1rgb(70,131,193)
```
#548dc6
```
#548dc6rgb(84,141,198)
```
#6397cb
```
#6397cbrgb(99,151,203)
```
#72a1d0
```
#72a1d0rgb(114,161,208)
```
#80abd5
```
#80abd5rgb(128,171,213)
```
#8fb4da
```
#8fb4dargb(143,180,218)
```
#9ebedf
```
#9ebedfrgb(158,190,223)
```
#adc8e4
```
#adc8e4rgb(173,200,228)
```
#bbd2e8
```
#bbd2e8rgb(187,210,232)
```
#cadced
```
#cadcedrgb(202,220,237)
```
#d9e6f2
```
#d9e6f2rgb(217,230,242)
```
#e7eff7
```
#e7eff7rgb(231,239,247)
```
#f6f9fc
```
#f6f9fcrgb(246,249,252)
```

至白

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

#62666a
```
#62666argb(98,102,106)
```
#5a6672
```
#5a6672rgb(90,102,114)
```
#52667a
```
#52667argb(82,102,122)
```
#4b6681
```
#4b6681rgb(75,102,129)
```
#436689
```
#436689rgb(67,102,137)
```
#3b6691
```
#3b6691rgb(59,102,145)
```
#336699
```
#336699rgb(51,102,153)
```
#2b66a1
```
#2b66a1rgb(43,102,161)
```
#2366a9
```
#2366a9rgb(35,102,169)
```
#1b66b1
```
#1b66b1rgb(27,102,177)
```
#1466b8
```
#1466b8rgb(20,102,184)
```
#0c66c0
```
#0c66c0rgb(12,102,192)
```
#0466c8
```
#0466c8rgb(4,102,200)
```

色调变化

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

#336699文本颜色

此段文字的字体颜色为#336699.

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

#336699背景颜色

此段背景颜色为#336699.

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

#336699边框颜色

这个边框颜色为#336699.

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

CSS代码

.text{color:#336699}

.background{background-color:#336699}

.border{border:1px solid#336699}

#336699

336699颜色信息

颜色转换

配色方案

相似颜色

336699色度/色彩

色调

HTML/CSS代码