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

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

♥
- R20.0
- G20.0
- B40.0
RGB百分比
- C50.0
- M50.0
- Y0.0
- K60.0
CMYK百分比

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

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

XYZ	4.947,4.031,13.087
xyY	0.224,0.183,4.031
CIE-LAB	23.772,15.248,-30.128
CIE-LUV	23.772,-2.716,-37.628
CIE-LCH/LCHab	23.772,33.767,296.845
CIE-LUV/LCHuv	23.772,37.725,265.872
Hunter-Lab	20.076,8.849,-24.595
YIQ	56.814,-16.3863,15.8712
YUV	56.814,22.23651,-5.10051
网页安全色	#333366
颜色名称

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

#333366
```
#333366rgb(102,102,51)
```
#666633
```
#666633rgb(102,102,51)
```

互补色

#334c66
```
#334c66rgb(51,76,102)
```
#333366
```
#333366rgb(51,51,102)
```
#4c3366
```
#4c3366rgb(76,51,102)
```

类似色

#33663d
```
#33663drgb(51,102,61)
```
#333366
```
#333366rgb(51,51,102)
```
#593366
```
#593366rgb(89,51,102)
```

中差色

#4c6633
```
#4c6633rgb(76,102,51)
```
#333366
```
#333366rgb(51,51,102)
```
#664c33
```
#664c33rgb(102,76,51)
```

分裂补色

#336633
```
#336633rgb(51,102,51)
```
#333366
```
#333366rgb(51,51,102)
```
#663333
```
#663333rgb(102,51,51)
```

正三角形(三元)配色

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

矩形（四元）配色

#333366
```
#333366rgb(51,51,102)
```
#33664d
```
#33664drgb(51,102,77)
```
#66334d
```
#66334drgb(102,51,77)
```
#666633
```
#666633rgb(102,102,51)
```

方形（四元）配色

#1a1a33
```
#1a1a33rgb(26,26,51)
```
#222244
```
#222244rgb(34,34,68)
```
#2b2b55
```
#2b2b55rgb(43,43,85)
```
#333366
```
#333366rgb(51,51,102)
```
#3c3c77
```
#3c3c77rgb(60,60,119)
```
#444488
```
#444488rgb(68,68,136)
```
#4d4d99
```
#4d4d99rgb(77,77,153)
```

单色

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

#334066
```
#334066rgb(51,64,102)
```
#333c66
```
#333c66rgb(51,60,102)
```
#333766
```
#333766rgb(51,55,102)
```
#333366
```
#333366rgb(51,51,102)
```
#373366
```
#373366rgb(55,51,102)
```
#3c3366
```
#3c3366rgb(60,51,102)
```
#403366
```
#403366rgb(64,51,102)
```

相似颜色

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

#5454a7
```
#5454a7rgb(84,84,167)
```
#4d4d9a
```
#4d4d9argb(77,77,154)
```
#47478d
```
#47478drgb(71,71,141)
```
#404080
```
#404080rgb(64,64,128)
```
#3a3a73
```
#3a3a73rgb(58,58,115)
```
#333366
```
#333366rgb(51,51,102)
```
#2c2c59
```
#2c2c59rgb(44,44,89)
```
#26264c
```
#26264crgb(38,38,76)
```
#1f1f3f
```
#1f1f3frgb(31,31,63)
```
#191932
```
#191932rgb(25,25,50)
```
#121225
```
#121225rgb(18,18,37)
```
#0c0c18
```
#0c0c18rgb(12,12,24)
```
#05050a
```
#05050argb(5,5,10)
```

至黑

#5f5faf
```
#5f5fafrgb(95,95,175)
```
#6d6db6
```
#6d6db6rgb(109,109,182)
```
#7a7abc
```
#7a7abcrgb(122,122,188)
```
#8787c3
```
#8787c3rgb(135,135,195)
```
#9494c9
```
#9494c9rgb(148,148,201)
```
#a1a1d0
```
#a1a1d0rgb(161,161,208)
```
#aeaed6
```
#aeaed6rgb(174,174,214)
```
#bbbbdd
```
#bbbbddrgb(187,187,221)
```
#c8c8e4
```
#c8c8e4rgb(200,200,228)
```
#d5d5ea
```
#d5d5eargb(213,213,234)
```
#e2e2f1
```
#e2e2f1rgb(226,226,241)
```
#efeff7
```
#efeff7rgb(239,239,247)
```
#fcfcfe
```
#fcfcfergb(252,252,254)
```

至白

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

#4b4b4e
```
#4b4b4ergb(75,75,78)
```
#454554
```
#454554rgb(69,69,84)
```
#3f3f5a
```
#3f3f5argb(63,63,90)
```
#393960
```
#393960rgb(57,57,96)
```
#333366
```
#333366rgb(51,51,102)
```
#2d2d6c
```
#2d2d6crgb(45,45,108)
```
#272772
```
#272772rgb(39,39,114)
```
#212178
```
#212178rgb(33,33,120)
```
#1b1b7e
```
#1b1b7ergb(27,27,126)
```
#161683
```
#161683rgb(22,22,131)
```
#101089
```
#101089rgb(16,16,137)
```
#0a0a8f
```
#0a0a8frgb(10,10,143)
```
#040495
```
#040495rgb(4,4,149)
```

色调变化

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

#333366文本颜色

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

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

#333366背景颜色

此段背景颜色为#333366.

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

#333366边框颜色

这个边框颜色为#333366.

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

CSS代码

.text{color:#333366}

.background{background-color:#333366}

.border{border:1px solid#333366}

#333366

333366颜色信息

颜色转换

配色方案

相似颜色

333366色度/色彩

色调

HTML/CSS代码