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

在RGB颜色空间中，#3f7fa5由24.71％红色，49.8％绿色和64.71％蓝色组成，十进制红色值为63，绿色值为127，蓝色值为165。在CMKY色彩空间中，他由61.82%青色，23.03%品红色，0.0%黄色和35.29%黑色组成。最接近的网页安全颜色是：＃336699。

♥
- R24.7
- G49.8
- B64.7
RGB百分比
- C61.8
- M23.0
- Y0.0
- K35.3
CMYK百分比

＃3f7fa5十进制的RGB值为R:63,G:127,B:165。CMYK值为C:61.818,M：23.03,Y:0.0,K:35.294

RGB	63,127,165
百分比	24.71%,49.8%,64.71%
十六进制	3f7fa5
十进制	4161445
二进制	00111111,01111111,10100101
CMYK	61.818,23.03,0.0,35.294
CMYK百分比	62%,23%,0%,35%
CMY	0.753,0.502,0.353
CMY百分比	75%,50%,35%
HSL	202.35°,44.74,44.71
HSV(or HSB)	202.35°,61.818,64.71

XYZ	16.429,18.951,38.387
xyY	0.223,0.257,18.951
CIE-LAB	50.63,-8.674,-26.409
CIE-LUV	50.63,-26.204,-38.305
CIE-LCH/LCHab	50.63,27.797,251.818
CIE-LUV/LCHuv	50.63,46.41,235.624
Hunter-Lab	43.533,-8.817,-21.809
YIQ	112.196,-50.347,-1.7104
YUV	112.196,25.98559,-43.16038
网页安全色	#336699
颜色名称

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

#3f7fa5
```
#3f7fa5rgb(165,101,63)
```
#a5653f
```
#a5653frgb(165,101,63)
```

互补色

#3fa598
```
#3fa598rgb(63,165,152)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#3f4ca5
```
#3f4ca5rgb(63,76,165)
```

类似色

#6ba53f
```
#6ba53frgb(107,165,63)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#4c3fa5
```
#4c3fa5rgb(76,63,165)
```

中差色

#a5983f
```
#a5983frgb(165,152,63)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#a53f4c
```
#a53f4crgb(165,63,76)
```

分裂补色

#7fa53f
```
#7fa53frgb(127,165,63)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#a53f7f
```
#a53f7frgb(165,63,127)
```

正三角形(三元)配色

#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#3fa565
```
#3fa565rgb(63,165,101)
```
#a5653f
```
#a5653frgb(165,101,63)
```
#a53f7f
```
#a53f7frgb(165,63,127)
```

矩形（四元）配色

#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#4ca53f
```
#4ca53frgb(76,165,63)
```
#983fa5
```
#983fa5rgb(152,63,165)
```
#a5653f
```
#a5653frgb(165,101,63)
```

方形（四元）配色

#2a546e
```
#2a546ergb(42,84,110)
```
#316380
```
#316380rgb(49,99,128)
```
#387193
```
#387193rgb(56,113,147)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#468db7
```
#468db7rgb(70,141,183)
```
#5899bf
```
#5899bfrgb(88,153,191)
```
#6aa4c6
```
#6aa4c6rgb(106,164,198)
```

单色

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

#3f99a5
```
#3f99a5rgb(63,153,165)
```
#3f90a5
```
#3f90a5rgb(63,144,165)
```
#3f88a5
```
#3f88a5rgb(63,136,165)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#3f77a5
```
#3f77a5rgb(63,119,165)
```
#3f6ea5
```
#3f6ea5rgb(63,110,165)
```
#3f66a5
```
#3f66a5rgb(63,102,165)
```

相似颜色

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

#448ab3
```
#448ab3rgb(68,138,179)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#3a7497
```
#3a7497rgb(58,116,151)
```
#346989
```
#346989rgb(52,105,137)
```
#2f5e7a
```
#2f5e7argb(47,94,122)
```
#29536c
```
#29536crgb(41,83,108)
```
#24485e
```
#24485ergb(36,72,94)
```
#1e3d50
```
#1e3d50rgb(30,61,80)
```
#193342
```
#193342rgb(25,51,66)
```
#142833
```
#142833rgb(20,40,51)
```
#0e1d25
```
#0e1d25rgb(14,29,37)
```
#091217
```
#091217rgb(9,18,23)
```
#030709
```
#030709rgb(3,7,9)
```

至黑

#4f93bc
```
#4f93bcrgb(79,147,188)
```
#5e9cc1
```
#5e9cc1rgb(94,156,193)
```
#6ca5c7
```
#6ca5c7rgb(108,165,199)
```
#7aaecc
```
#7aaeccrgb(122,174,204)
```
#88b6d2
```
#88b6d2rgb(136,182,210)
```
#96bfd7
```
#96bfd7rgb(150,191,215)
```
#a4c8dc
```
#a4c8dcrgb(164,200,220)
```
#b3d0e2
```
#b3d0e2rgb(179,208,226)
```
#c1d9e7
```
#c1d9e7rgb(193,217,231)
```
#cfe2ed
```
#cfe2edrgb(207,226,237)
```
#ddeaf2
```
#ddeaf2rgb(221,234,242)
```
#ebf3f8
```
#ebf3f8rgb(235,243,248)
```
#fafcfd
```
#fafcfdrgb(250,252,253)
```

至白

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

#6b7479
```
#6b7479rgb(107,116,121)
```
#627682
```
#627682rgb(98,118,130)
```
#59788b
```
#59788brgb(89,120,139)
```
#517b93
```
#517b93rgb(81,123,147)
```
#487d9c
```
#487d9crgb(72,125,156)
```
#3f7fa5
```
#3f7fa5rgb(63,127,165)
```
#3681ae
```
#3681aergb(54,129,174)
```
#2d83b7
```
#2d83b7rgb(45,131,183)
```
#2586bf
```
#2586bfrgb(37,134,191)
```
#1c88c8
```
#1c88c8rgb(28,136,200)
```
#138ad1
```
#138ad1rgb(19,138,209)
```
#0a8cda
```
#0a8cdargb(10,140,218)
```
#028fe2
```
#028fe2rgb(2,143,226)
```

色调变化

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

#3f7fa5文本颜色

此段文字的字体颜色为#3f7fa5.

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

#3f7fa5背景颜色

此段背景颜色为#3f7fa5.

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

#3f7fa5边框颜色

这个边框颜色为#3f7fa5.

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

CSS代码

.text{color:#3f7fa5}

.background{background-color:#3f7fa5}

.border{border:1px solid#3f7fa5}

#3f7fa5

3f7fa5颜色信息

颜色转换

配色方案

相似颜色

3f7fa5色度/色彩

色调

HTML/CSS代码