#2f54a1颜色信息,颜色代码,互补色,类似颜色,配色方案

在RGB颜色空间中，#2f54a1由18.43％红色，32.94％绿色和63.14％蓝色组成，十进制红色值为47，绿色值为84，蓝色值为161。在CMKY色彩空间中，他由70.81％青色，47.83％品红色，0.0％黄色和36.86％黑色组成。最接近的网页安全颜色是：＃336699。

♥
- R18.4
- G32.9
- B63.1
RGB 百分比
- C70.8
- M47.8
- Y0.0
- K36.9
CMYK 百分比

＃2f54a1十进制的RGB值为R:47, G:84, B:161。 CMYK值为C:70.808, M：47.826, Y: 0.0, K: 36.863

RGB	47, 84, 161
百分比	18.43%, 32.94%, 63.14%
十六进制	2f54a1
十进制	3101857
二进制	00101111,01010100,10100001
CMYK	70.808, 47.826, 0.0, 36.863
CMYK百分比	71%, 48%, 0%, 37%
CMY	0.816, 0.671, 0.369
CMY百分比	82%, 67%, 37%
HSL	220.53°, 54.81, 40.78
HSV (or HSB)	220.53°, 70.807, 63.14

XYZ	10.774, 9.517, 34.986
xyY	0.195, 0.172, 9.517
CIE-LAB	36.962, 13.699, -45.671
CIE-LUV	36.962, -14.951, -65.812
CIE-LCH/LCHab	36.962, 47.681, 286.696
CIE-LUV/LCHuv	36.962, 67.489, 257.201
Hunter-Lab	30.85, 8.351, -45.642
YIQ	81.715, -46.7884, 16.1369
YUV	81.715, 39.01665, -30.45577
网页安全色	#336699
颜色名称

#2f54a1
```
#2f54a1 rgb(161,124,47)
```
#a17c2f
```
#a17c2f rgb(161,124,47)
```

互补色

#2f8da1
```
#2f8da1 rgb(47,141,161)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#432fa1
```
#432fa1 rgb(67,47,161)
```

类似色

#3da12f
```
#3da12f rgb(61,161,47)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#602fa1
```
#602fa1 rgb(96,47,161)
```

中差色

#8da12f
```
#8da12f rgb(141,161,47)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#a1432f
```
#a1432f rgb(161,67,47)
```

分裂补色

#54a12f
```
#54a12f rgb(84,161,47)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#a12f54
```
#a12f54 rgb(161,47,84)
```

正三角形(三元)配色

#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#2fa17c
```
#2fa17c rgb(47,161,124)
```
#a17c2f
```
#a17c2f rgb(161,124,47)
```
#a12f54
```
#a12f54 rgb(161,47,84)
```

矩形（四元）配色

#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#2fa143
```
#2fa143 rgb(47,161,67)
```
#a12f8d
```
#a12f8d rgb(161,47,141)
```
#a17c2f
```
#a17c2f rgb(161,124,47)
```

方形（四元）配色

#1e3566
```
#1e3566 rgb(30,53,102)
```
#233f7a
```
#233f7a rgb(35,63,122)
```
#294a8d
```
#294a8d rgb(41,74,141)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#355eb5
```
#355eb5 rgb(53,94,181)
```
#3d69c6
```
#3d69c6 rgb(61,105,198)
```
#5079cc
```
#5079cc rgb(80,121,204)
```

单色

#2f71a1
```
#2f71a1 rgb(47,113,161)
```
#2f67a1
```
#2f67a1 rgb(47,103,161)
```
#2f5ea1
```
#2f5ea1 rgb(47,94,161)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#2f4ba1
```
#2f4ba1 rgb(47,75,161)
```
#2f41a1
```
#2f41a1 rgb(47,65,161)
```
#2f38a1
```
#2f38a1 rgb(47,56,161)
```

相似颜色

#3864bf
```
#3864bf rgb(56,100,191)
```
#335cb0
```
#335cb0 rgb(51,92,176)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#2b4c92
```
#2b4c92 rgb(43,76,146)
```
#264483
```
#264483 rgb(38,68,131)
```
#223c73
```
#223c73 rgb(34,60,115)
```
#1d3464
```
#1d3464 rgb(29,52,100)
```
#192c55
```
#192c55 rgb(25,44,85)
```
#142446
```
#142446 rgb(20,36,70)
```
#101d37
```
#101d37 rgb(16,29,55)
```
#0c1528
```
#0c1528 rgb(12,21,40)
```
#070d18
```
#070d18 rgb(7,13,24)
```
#030509
```
#030509 rgb(3,5,9)
```

至黑

#436ec8
```
#436ec8 rgb(67,110,200)
```
#527acc
```
#527acc rgb(82,122,204)
```
#6185d1
```
#6185d1 rgb(97,133,209)
```
#7091d5
```
#7091d5 rgb(112,145,213)
```
#809dda
```
#809dda rgb(128,157,218)
```
#8fa9de
```
#8fa9de rgb(143,169,222)
```
#9eb4e3
```
#9eb4e3 rgb(158,180,227)
```
#adc0e7
```
#adc0e7 rgb(173,192,231)
```
#bcccec
```
#bcccec rgb(188,204,236)
```
#cbd7f0
```
#cbd7f0 rgb(203,215,240)
```
#dbe3f4
```
#dbe3f4 rgb(219,227,244)
```
#eaeff9
```
#eaeff9 rgb(234,239,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

至白

#676869
```
#676869 rgb(103,104,105)
```
#5f6571
```
#5f6571 rgb(95,101,113)
```
#576279
```
#576279 rgb(87,98,121)
```
#4f5f81
```
#4f5f81 rgb(79,95,129)
```
#475c89
```
#475c89 rgb(71,92,137)
```
#3f5a91
```
#3f5a91 rgb(63,90,145)
```
#375799
```
#375799 rgb(55,87,153)
```
#2f54a1
```
#2f54a1 rgb(47,84,161)
```
#2751a9
```
#2751a9 rgb(39,81,169)
```
#1f4eb1
```
#1f4eb1 rgb(31,78,177)
```
#174cb9
```
#174cb9 rgb(23,76,185)
```
#0f49c1
```
#0f49c1 rgb(15,73,193)
```
#0746c9
```
#0746c9 rgb(7,70,201)
```

色调变化

#2f54a1 文本颜色

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

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

#2f54a1 背景颜色

此段背景颜色为 #2f54a1.

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

#2f54a1 边框颜色

这个边框颜色为 #2f54a1.

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

CSS 代码

.text {color:#2f54a1;}

.background {background-color:#2f54a1;}

.border {border:1px solid #2f54a1;}

以下是色盲人群感知看到的颜色。

全色盲

#525252全色盲
#4b5262全色弱

二色视觉

#365da6红色盲(第一色盲)
#0061a2绿色盲(第二色盲)
#006970蓝黄色盲(第三色盲)

三色视觉

#3359a4红色弱(第一色弱)
#115ca1绿色弱(第二色弱)
#116181蓝黄色盲(第三色弱)

#2f54a1颜色信息,颜色搭配,互补色,类似颜色,配色方案等

#2f54a1 颜色信息

#2f54a1 颜色转换

#2f54a1 配色方案

#2f54a1 相似颜色

#2f54a1 色度/色彩

#2f54a1 色调

#2f54a1 HTML/CSS代码

色盲