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

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

♥
- R20.0
- G40.0
- B40.0
RGB百分比
- C50.0
- M0.0
- Y0.0
- K60.0
CMYK百分比

＃336666十进制的RGB值为R:51,G:102,B:102。CMYK值为C:50.0,M：0.0,Y:0.0,K:60.0

RGB	51,102,102
百分比	20.0%,40.0%,40.0%
十六进制	336666
十进制	3368550
二进制	00110011,01100110,01100110
CMYK	50.0,0.0,0.0,60.0
CMYK百分比	50%,0%,0%,60%
CMY	0.8,0.6,0.6
CMY百分比	80%,60%,60%
HSL	180.0°,33.33,30.0
HSV(or HSB)	180.0°,50.0,40.0

XYZ	8.514,11.165,14.276
xyY	0.251,0.329,11.165
CIE-LAB	39.857,-17.045,-5.299
CIE-LUV	39.857,-21.867,-4.723
CIE-LCH/LCHab	39.857,17.849,197.268
CIE-LUV/LCHuv	39.857,22.371,192.188
Hunter-Lab	33.415,-12.993,-1.941
YIQ	86.751,-30.3909,-10.7865
YUV	86.751,7.50465,-31.365
网页安全色	#336666
颜色名称

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

#336666
```
#336666rgb(102,51,51)
```
#663333
```
#663333rgb(102,51,51)
```

互补色

#33664d
```
#33664drgb(51,102,77)
```
#336666
```
#336666rgb(51,102,102)
```
#334d66
```
#334d66rgb(51,77,102)
```

类似色

#5c6633
```
#5c6633rgb(92,102,51)
```
#336666
```
#336666rgb(51,102,102)
```
#334066
```
#334066rgb(51,64,102)
```

中差色

#664d33
```
#664d33rgb(102,77,51)
```
#336666
```
#336666rgb(51,102,102)
```
#66334d
```
#66334drgb(102,51,77)
```

分裂补色

#666633
```
#666633rgb(102,102,51)
```
#336666
```
#336666rgb(51,102,102)
```
#663366
```
#663366rgb(102,51,102)
```

正三角形(三元)配色

#336666
```
#336666rgb(51,102,102)
```
#336633
```
#336633rgb(51,102,51)
```
#663333
```
#663333rgb(102,51,51)
```
#663366
```
#663366rgb(102,51,102)
```

矩形（四元）配色

#336666
```
#336666rgb(51,102,102)
```
#4c6633
```
#4c6633rgb(76,102,51)
```
#4c3366
```
#4c3366rgb(76,51,102)
```
#663333
```
#663333rgb(102,51,51)
```

方形（四元）配色

#1a3333
```
#1a3333rgb(26,51,51)
```
#224444
```
#224444rgb(34,68,68)
```
#2b5555
```
#2b5555rgb(43,85,85)
```
#336666
```
#336666rgb(51,102,102)
```
#3c7777
```
#3c7777rgb(60,119,119)
```
#448888
```
#448888rgb(68,136,136)
```
#4d9999
```
#4d9999rgb(77,153,153)
```

单色

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

#336659
```
#336659rgb(51,102,89)
```
#33665e
```
#33665ergb(51,102,94)
```
#336662
```
#336662rgb(51,102,98)
```
#336666
```
#336666rgb(51,102,102)
```
#336266
```
#336266rgb(51,98,102)
```
#335e66
```
#335e66rgb(51,94,102)
```
#335966
```
#335966rgb(51,89,102)
```

相似颜色

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

#54a7a7
```
#54a7a7rgb(84,167,167)
```
#4d9a9a
```
#4d9a9argb(77,154,154)
```
#478d8d
```
#478d8drgb(71,141,141)
```
#408080
```
#408080rgb(64,128,128)
```
#3a7373
```
#3a7373rgb(58,115,115)
```
#336666
```
#336666rgb(51,102,102)
```
#2c5959
```
#2c5959rgb(44,89,89)
```
#264c4c
```
#264c4crgb(38,76,76)
```
#1f3f3f
```
#1f3f3frgb(31,63,63)
```
#193232
```
#193232rgb(25,50,50)
```
#122525
```
#122525rgb(18,37,37)
```
#0c1818
```
#0c1818rgb(12,24,24)
```
#050a0a
```
#050a0argb(5,10,10)
```

至黑

#5fafaf
```
#5fafafrgb(95,175,175)
```
#6db6b6
```
#6db6b6rgb(109,182,182)
```
#7abcbc
```
#7abcbcrgb(122,188,188)
```
#87c3c3
```
#87c3c3rgb(135,195,195)
```
#94c9c9
```
#94c9c9rgb(148,201,201)
```
#a1d0d0
```
#a1d0d0rgb(161,208,208)
```
#aed6d6
```
#aed6d6rgb(174,214,214)
```
#bbdddd
```
#bbddddrgb(187,221,221)
```
#c8e4e4
```
#c8e4e4rgb(200,228,228)
```
#d5eaea
```
#d5eaeargb(213,234,234)
```
#e2f1f1
```
#e2f1f1rgb(226,241,241)
```
#eff7f7
```
#eff7f7rgb(239,247,247)
```
#fcfefe
```
#fcfefergb(252,254,254)
```

至白

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

#4b4e4e
```
#4b4e4ergb(75,78,78)
```
#455454
```
#455454rgb(69,84,84)
```
#3f5a5a
```
#3f5a5argb(63,90,90)
```
#396060
```
#396060rgb(57,96,96)
```
#336666
```
#336666rgb(51,102,102)
```
#2d6c6c
```
#2d6c6crgb(45,108,108)
```
#277272
```
#277272rgb(39,114,114)
```
#217878
```
#217878rgb(33,120,120)
```
#1b7e7e
```
#1b7e7ergb(27,126,126)
```
#168383
```
#168383rgb(22,131,131)
```
#108989
```
#108989rgb(16,137,137)
```
#0a8f8f
```
#0a8f8frgb(10,143,143)
```
#049595
```
#049595rgb(4,149,149)
```

色调变化

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

#336666文本颜色

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

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

#336666背景颜色

此段背景颜色为#336666.

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

#336666边框颜色

这个边框颜色为#336666.

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

CSS代码

.text{color:#336666}

.background{background-color:#336666}

.border{border:1px solid#336666}

#336666

336666颜色信息

颜色转换

配色方案

相似颜色

336666色度/色彩

色调

HTML/CSS代码