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

在RGB颜色空间中，#2a7ccc由16.47％红色，48.63％绿色和80.0％蓝色组成，十进制红色值为42，绿色值为124，蓝色值为204。在CMKY色彩空间中，他由79.41％青色，39.22％品红色，0.0％黄色和20.0％黑色组成。最接近的网页安全颜色是：＃3366cc。

♥
- R16.5
- G48.6
- B80.0
RGB 百分比
- C79.4
- M39.2
- Y0.0
- K20.0
CMYK 百分比

＃2a7ccc十进制的RGB值为R:42, G:124, B:204。 CMYK值为C:79.411, M：39.216, Y: 0.0, K: 20.0

RGB	42, 124, 204
百分比	16.47%, 48.63%, 80.0%
十六进制	2a7ccc
十进制	2784460
二进制	00101010,01111100,11001100
CMYK	79.411, 39.216, 0.0, 20.0
CMYK百分比	79%, 39%, 0%, 20%
CMY	0.835, 0.514, 0.2
CMY百分比	84%, 51%, 20%
HSL	209.63°, 65.85, 48.23
HSV (or HSB)	209.63°, 79.412, 80.0

XYZ	19.059, 19.266, 59.838
xyY	0.194, 0.196, 19.266
CIE-LAB	50.996, 3.879, -48.31
CIE-LUV	50.996, -27.496, -74.719
CIE-LCH/LCHab	50.996, 48.465, 274.591
CIE-LUV/LCHuv	50.996, 79.617, 249.797
Hunter-Lab	43.893, 0.696, -50.104
YIQ	108.602, -74.5678, 7.553
YUV	108.602, 46.9459, -58.4308
网页安全色	#3366cc
颜色名称

#2a7ccc
```
#2a7ccc rgb(204,122,42)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```

互补色

#2acccb
```
#2acccb rgb(42,204,203)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#2a2bcc
```
#2a2bcc rgb(42,43,204)
```

类似色

#5ccc2a
```
#5ccc2a rgb(92,204,42)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#522acc
```
#522acc rgb(82,42,204)
```

中差色

#cccb2a
```
#cccb2a rgb(204,203,42)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#cc2a2b
```
#cc2a2b rgb(204,42,43)
```

分裂补色

#7ccc2a
```
#7ccc2a rgb(124,204,42)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#cc2a7c
```
#cc2a7c rgb(204,42,124)
```

正三角形(三元)配色

#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#2acc7a
```
#2acc7a rgb(42,204,122)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#cc2a7c
```
#cc2a7c rgb(204,42,124)
```

矩形（四元）配色

#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#2bcc2a
```
#2bcc2a rgb(43,204,42)
```
#cb2acc
```
#cb2acc rgb(203,42,204)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```

方形（四元）配色

#1d558d
```
#1d558d rgb(29,85,141)
```
#2162a2
```
#2162a2 rgb(33,98,162)
```
#266fb7
```
#266fb7 rgb(38,111,183)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#3989d6
```
#3989d6 rgb(57,137,214)
```
#4e95db
```
#4e95db rgb(78,149,219)
```
#64a2df
```
#64a2df rgb(100,162,223)
```

单色

#2aa5cc
```
#2aa5cc rgb(42,165,204)
```
#2a97cc
```
#2a97cc rgb(42,151,204)
```
#2a8acc
```
#2a8acc rgb(42,138,204)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#2a6fcc
```
#2a6fcc rgb(42,111,204)
```
#2a61cc
```
#2a61cc rgb(42,97,204)
```
#2a54cc
```
#2a54cc rgb(42,84,204)
```

相似颜色

#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#2772bc
```
#2772bc rgb(39,114,188)
```
#2368ab
```
#2368ab rgb(35,104,171)
```
#205e9b
```
#205e9b rgb(32,94,155)
```
#1d548b
```
#1d548b rgb(29,84,139)
```
#194b7b
```
#194b7b rgb(25,75,123)
```
#16416a
```
#16416a rgb(22,65,106)
```
#13375a
```
#13375a rgb(19,55,90)
```
#0f2d4a
```
#0f2d4a rgb(15,45,74)
```
#0c233a
```
#0c233a rgb(12,35,58)
```
#091929
```
#091929 rgb(9,25,41)
```
#050f19
```
#050f19 rgb(5,15,25)
```
#020509
```
#020509 rgb(2,5,9)
```

至黑

#3486d5
```
#3486d5 rgb(52,134,213)
```
#4590d9
```
#4590d9 rgb(69,144,217)
```
#5599dc
```
#5599dc rgb(85,153,220)
```
#65a3df
```
#65a3df rgb(101,163,223)
```
#75ade3
```
#75ade3 rgb(117,173,227)
```
#86b6e6
```
#86b6e6 rgb(134,182,230)
```
#96c0e9
```
#96c0e9 rgb(150,192,233)
```
#a6caed
```
#a6caed rgb(166,202,237)
```
#b6d4f0
```
#b6d4f0 rgb(182,212,240)
```
#c7ddf3
```
#c7ddf3 rgb(199,221,243)
```
#d7e7f7
```
#d7e7f7 rgb(215,231,247)
```
#e7f1fa
```
#e7f1fa rgb(231,241,250)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

至白

#767b80
```
#767b80 rgb(118,123,128)
```
#6c7b8a
```
#6c7b8a rgb(108,123,138)
```
#637b93
```
#637b93 rgb(99,123,147)
```
#597b9d
```
#597b9d rgb(89,123,157)
```
#507ca6
```
#507ca6 rgb(80,124,166)
```
#467cb0
```
#467cb0 rgb(70,124,176)
```
#3d7cb9
```
#3d7cb9 rgb(61,124,185)
```
#337cc3
```
#337cc3 rgb(51,124,195)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```
#217cd5
```
#217cd5 rgb(33,124,213)
```
#177cdf
```
#177cdf rgb(23,124,223)
```
#0e7ce8
```
#0e7ce8 rgb(14,124,232)
```
#047cf2
```
#047cf2 rgb(4,124,242)
```

色调变化

#2a7ccc 文本颜色

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

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

#2a7ccc 背景颜色

此段背景颜色为 #2a7ccc.

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

#2a7ccc 边框颜色

这个边框颜色为 #2a7ccc.

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

CSS 代码

.text {color:#2a7ccc;}

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

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

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

全色盲

#6d6d6d全色盲
#607080全色弱

二色视觉

#5e7dca红色盲(第一色盲)
#4081cf绿色盲(第二色盲)
#008c96蓝黄色盲(第三色盲)

三色视觉

#4b7dcb红色弱(第一色弱)
#387fce绿色弱(第二色弱)
#0f86a9蓝黄色盲(第三色弱)

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

#2a7ccc 颜色信息

#2a7ccc 颜色转换

#2a7ccc 配色方案

#2a7ccc 相似颜色

#2a7ccc 色度/色彩

#2a7ccc 色调

#2a7ccc HTML/CSS代码

色盲