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

在RGB颜色空间中，#336b90由20.0％红色，41.96％绿色和56.47％蓝色组成，十进制红色值为51，绿色值为107，蓝色值为144。在CMKY色彩空间中，他由64.58%青色，25.69%品红色，0.0%黄色和43.53%黑色组成。最接近的网页安全颜色是：＃336699。

♥
- R20.0
- G42.0
- B56.5
RGB百分比
- C64.6
- M25.7
- Y0.0
- K43.5
CMYK百分比

＃336b90十进制的RGB值为R:51,G:107,B:144。CMYK值为C:64.584,M：25.695,Y:0.0,K:43.529

RGB	51,107,144
百分比	20.0%,41.96%,56.47%
十六进制	336b90
十进制	3369872
二进制	00110011,01101011,10010000
CMYK	64.584,25.695,0.0,43.529
CMYK百分比	65%,26%,0%,44%
CMY	0.8,0.58,0.435
CMY百分比	80%,58%,44%
HSL	203.87°,47.69,38.23
HSV(or HSB)	203.87°,64.583,56.47

XYZ	11.656,13.232,28.324
xyY	0.219,0.249,13.232
CIE-LAB	43.111,-6.377,-25.757
CIE-LUV	43.111,-22.335,-36.314
CIE-LCH/LCHab	43.111,26.534,256.095
CIE-LUV/LCHuv	43.111,42.633,238.406
Hunter-Lab	36.376,-6.462,-20.703
YIQ	94.474,-45.2585,-0.3296
YUV	94.474,24.37235,-38.14037
网页安全色	#336699
颜色名称

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

#336b90
```
#336b90rgb(144,88,51)
```
#905833
```
#905833rgb(144,88,51)
```

互补色

#339087
```
#339087rgb(51,144,135)
```
#336b90
```
#336b90rgb(51,107,144)
```
#333d90
```
#333d90rgb(51,61,144)
```

类似色

#589033
```
#589033rgb(88,144,51)
```
#336b90
```
#336b90rgb(51,107,144)
```
#413390
```
#413390rgb(65,51,144)
```

中差色

#908733
```
#908733rgb(144,135,51)
```
#336b90
```
#336b90rgb(51,107,144)
```
#90333d
```
#90333drgb(144,51,61)
```

分裂补色

#6b9033
```
#6b9033rgb(107,144,51)
```
#336b90
```
#336b90rgb(51,107,144)
```
#90336b
```
#90336brgb(144,51,107)
```

正三角形(三元)配色

#336b90
```
#336b90rgb(51,107,144)
```
#339058
```
#339058rgb(51,144,88)
```
#905833
```
#905833rgb(144,88,51)
```
#90336b
```
#90336brgb(144,51,107)
```

矩形（四元）配色

#336b90
```
#336b90rgb(51,107,144)
```
#3c9033
```
#3c9033rgb(60,144,51)
```
#863390
```
#863390rgb(134,51,144)
```
#905833
```
#905833rgb(144,88,51)
```

方形（四元）配色

#1f4158
```
#1f4158rgb(31,65,88)
```
#264f6a
```
#264f6argb(38,79,106)
```
#2c5d7d
```
#2c5d7drgb(44,93,125)
```
#336b90
```
#336b90rgb(51,107,144)
```
#3a79a3
```
#3a79a3rgb(58,121,163)
```
#4087b6
```
#4087b6rgb(64,135,182)
```
#4f93c1
```
#4f93c1rgb(79,147,193)
```

单色

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

#338290
```
#338290rgb(51,130,144)
```
#337b90
```
#337b90rgb(51,123,144)
```
#337390
```
#337390rgb(51,115,144)
```
#336b90
```
#336b90rgb(51,107,144)
```
#336390
```
#336390rgb(51,99,144)
```
#335c90
```
#335c90rgb(51,92,144)
```
#335490
```
#335490rgb(51,84,144)
```

相似颜色

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

#428bbb
```
#428bbbrgb(66,139,187)
```
#3d81ad
```
#3d81adrgb(61,129,173)
```
#38769e
```
#38769ergb(56,118,158)
```
#336b90
```
#336b90rgb(51,107,144)
```
#2e6082
```
#2e6082rgb(46,96,130)
```
#295573
```
#295573rgb(41,85,115)
```
#244b65
```
#244b65rgb(36,75,101)
```
#1e4056
```
#1e4056rgb(30,64,86)
```
#193548
```
#193548rgb(25,53,72)
```
#142a39
```
#142a39rgb(20,42,57)
```
#0f202b
```
#0f202brgb(15,32,43)
```
#0a151c
```
#0a151crgb(10,21,28)
```
#050a0e
```
#050a0ergb(5,10,14)
```

至黑

#5094c1
```
#5094c1rgb(80,148,193)
```
#5f9dc6
```
#5f9dc6rgb(95,157,198)
```
#6da6cb
```
#6da6cbrgb(109,166,203)
```
#7cafd1
```
#7cafd1rgb(124,175,209)
```
#8ab8d6
```
#8ab8d6rgb(138,184,214)
```
#99c1db
```
#99c1dbrgb(153,193,219)
```
#a7c9e0
```
#a7c9e0rgb(167,201,224)
```
#b6d2e5
```
#b6d2e5rgb(182,210,229)
```
#c4dbea
```
#c4dbeargb(196,219,234)
```
#d3e4ef
```
#d3e4efrgb(211,228,239)
```
#e1edf4
```
#e1edf4rgb(225,237,244)
```
#f0f6fa
```
#f0f6fargb(240,246,250)
```
#fefeff
```
#fefeffrgb(254,254,255)
```

至白

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

#606263
```
#606263rgb(96,98,99)
```
#59636b
```
#59636brgb(89,99,107)
```
#516572
```
#516572rgb(81,101,114)
```
#4a667a
```
#4a667argb(74,102,122)
```
#426881
```
#426881rgb(66,104,129)
```
#3b6989
```
#3b6989rgb(59,105,137)
```
#336b90
```
#336b90rgb(51,107,144)
```
#2c6d98
```
#2c6d98rgb(44,109,152)
```
#246e9f
```
#246e9frgb(36,110,159)
```
#1d70a7
```
#1d70a7rgb(29,112,167)
```
#1571ae
```
#1571aergb(21,113,174)
```
#0e73b6
```
#0e73b6rgb(14,115,182)
```
#0674bd
```
#0674bdrgb(6,116,189)
```

色调变化

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

#336b90文本颜色

此段文字的字体颜色为#336b90.

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

#336b90背景颜色

此段背景颜色为#336b90.

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

#336b90边框颜色

这个边框颜色为#336b90.

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

CSS代码

.text{color:#336b90}

.background{background-color:#336b90}

.border{border:1px solid#336b90}

#336b90

336b90颜色信息

颜色转换

配色方案

相似颜色

336b90色度/色彩

色调

HTML/CSS代码