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

在RGB颜色空间中，#2c6f9a由17.25％红色，43.53％绿色和60.39％蓝色组成，十进制红色值为44，绿色值为111，蓝色值为154。在CMKY色彩空间中，他由71.43%青色，27.92%品红色，0.0%黄色和39.61%黑色组成。最接近的网页安全颜色是：＃336699。

♥
- R17.3
- G43.5
- B60.4
RGB百分比
- C71.4
- M27.9
- Y0.0
- K39.6
CMYK百分比

＃2c6f9a十进制的RGB值为R:44,G:111,B:154。CMYK值为C:71.428,M：27.923,Y:0.0,K:39.608

RGB	44,111,154
百分比	17.25%,43.53%,60.39%
十六进制	2c6f9a
十进制	2912154
二进制	00101100,01101111,10011010
CMYK	71.428,27.923,0.0,39.608
CMYK百分比	71%,28%,0%,40%
CMY	0.827,0.565,0.396
CMY百分比	83%,56%,40%
HSL	203.45°,55.56,38.82
HSV(or HSB)	203.45°,71.429,60.39

XYZ	12.554,14.236,32.656
xyY	0.211,0.239,14.236
CIE-LAB	44.57,-6.44,-29.444
CIE-LUV	44.57,-24.845,-42.277
CIE-LCH/LCHab	44.57,30.14,257.663
CIE-LUV/LCHuv	44.57,49.037,239.559
Hunter-Lab	37.731,-6.637,-24.904
YIQ	95.869,-53.7412,-0.7889
YUV	95.869,28.60682,-45.50543
网页安全色	#336699
颜色名称

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

#2c6f9a
```
#2c6f9argb(154,87,44)
```
#9a572c
```
#9a572crgb(154,87,44)
```

互补色

#2c9a8e
```
#2c9a8ergb(44,154,142)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#2c389a
```
#2c389argb(44,56,154)
```

类似色

#599a2c
```
#599a2crgb(89,154,44)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#3b2c9a
```
#3b2c9argb(59,44,154)
```

中差色

#9a8e2c
```
#9a8e2crgb(154,142,44)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#9a2c38
```
#9a2c38rgb(154,44,56)
```

分裂补色

#6f9a2c
```
#6f9a2crgb(111,154,44)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#9a2c6f
```
#9a2c6frgb(154,44,111)
```

正三角形(三元)配色

#2c6f9a
```
#2c6f9argb(44,111,154)
```
#2c9a57
```
#2c9a57rgb(44,154,87)
```
#9a572c
```
#9a572crgb(154,87,44)
```
#9a2c6f
```
#9a2c6frgb(154,44,111)
```

矩形（四元）配色

#2c6f9a
```
#2c6f9argb(44,111,154)
```
#389a2c
```
#389a2crgb(56,154,44)
```
#8e2c9a
```
#8e2c9argb(142,44,154)
```
#9a572c
```
#9a572crgb(154,87,44)
```

方形（四元）配色

#1b445f
```
#1b445frgb(27,68,95)
```
#215272
```
#215272rgb(33,82,114)
```
#266186
```
#266186rgb(38,97,134)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#327dae
```
#327daergb(50,125,174)
```
#378cc2
```
#378cc2rgb(55,140,194)
```
#4898cb
```
#4898cbrgb(72,152,203)
```

单色

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

#2c8b9a
```
#2c8b9argb(44,139,154)
```
#2c819a
```
#2c819argb(44,129,154)
```
#2c789a
```
#2c789argb(44,120,154)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#2c669a
```
#2c669argb(44,102,154)
```
#2c5d9a
```
#2c5d9argb(44,93,154)
```
#2c549a
```
#2c549argb(44,84,154)
```

相似颜色

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

#3585b9
```
#3585b9rgb(53,133,185)
```
#307aa9
```
#307aa9rgb(48,122,169)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#28648b
```
#28648brgb(40,100,139)
```
#23597b
```
#23597brgb(35,89,123)
```
#1f4e6c
```
#1f4e6crgb(31,78,108)
```
#1b435d
```
#1b435drgb(27,67,93)
```
#16384e
```
#16384ergb(22,56,78)
```
#122d3e
```
#122d3ergb(18,45,62)
```
#0d222f
```
#0d222frgb(13,34,47)
```
#091720
```
#091720rgb(9,23,32)
```
#050c11
```
#050c11rgb(5,12,17)
```
#000101
```
#000101rgb(0,1,1)
```

至黑

#3a90c7
```
#3a90c7rgb(58,144,199)
```
#4998cb
```
#4998cbrgb(73,152,203)
```
#59a1cf
```
#59a1cfrgb(89,161,207)
```
#68aad4
```
#68aad4rgb(104,170,212)
```
#77b2d8
```
#77b2d8rgb(119,178,216)
```
#86bbdd
```
#86bbddrgb(134,187,221)
```
#96c3e1
```
#96c3e1rgb(150,195,225)
```
#a5cce5
```
#a5cce5rgb(165,204,229)
```
#b4d5ea
```
#b4d5eargb(180,213,234)
```
#c3ddee
```
#c3ddeergb(195,221,238)
```
#d3e6f2
```
#d3e6f2rgb(211,230,242)
```
#e2eff7
```
#e2eff7rgb(226,239,247)
```
#f1f7fb
```
#f1f7fbrgb(241,247,251)
```

至白

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

#616365
```
#616365rgb(97,99,101)
```
#5a656c
```
#5a656crgb(90,101,108)
```
#526774
```
#526774rgb(82,103,116)
```
#4a687c
```
#4a687crgb(74,104,124)
```
#436a83
```
#436a83rgb(67,106,131)
```
#3b6c8b
```
#3b6c8brgb(59,108,139)
```
#346d92
```
#346d92rgb(52,109,146)
```
#2c6f9a
```
#2c6f9argb(44,111,154)
```
#2471a2
```
#2471a2rgb(36,113,162)
```
#1d72a9
```
#1d72a9rgb(29,114,169)
```
#1574b1
```
#1574b1rgb(21,116,177)
```
#0e76b8
```
#0e76b8rgb(14,118,184)
```
#0677c0
```
#0677c0rgb(6,119,192)
```

色调变化

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

#2c6f9a文本颜色

此段文字的字体颜色为#2c6f9a.

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

#2c6f9a背景颜色

此段背景颜色为#2c6f9a.

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

#2c6f9a边框颜色

这个边框颜色为#2c6f9a.

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

CSS代码

.text{color:#2c6f9a}

.background{background-color:#2c6f9a}

.border{border:1px solid#2c6f9a}

#2c6f9a

2c6f9a颜色信息

颜色转换

配色方案

相似颜色

2c6f9a色度/色彩

色调

HTML/CSS代码