649cc3颜色信息
在RGB颜色空间中,#649cc3由39.22%红色,61.18%绿色和76.47%蓝色组成,十进制红色值为100,绿色值为156,蓝色值为195。在CMKY色彩空间中,他由48.72%青色,20.0%品红色,0.0%黄色和23.53%黑色组成。最接近的网页安全颜色是:#6699cc。
- R39.2
- G61.2
- B76.5
- C48.7
- M20.0
- Y0.0
- K23.5
颜色转换
#649cc3十进制的RGB值为R:100,G:156,B:195。CMYK值为C:48.718,M:20.001,Y:0.0,K:23.529
| RGB | 100,156,195 |
|---|---|
| 百分比 | 39.22%,61.18%,76.47% |
| 十六进制 | 649cc3 |
| 十进制 | 6593731 |
| 二进制 | 01100100,10011100,11000011 |
| CMYK | 48.718,20.001,0.0,23.529 |
| CMYK百分比 | 49%,20%,0%,24% |
| CMY | 0.608,0.388,0.235 |
| CMY百分比 | 61%,39%,24% |
| HSL | 204.63°,44.19,57.84 |
| HSV(or HSB) | 204.63°,48.718,76.47 |
| XYZ | 26.992,30.425,56.077 |
|---|---|
| xyY | 0.238,0.268,30.425 |
| CIE-LAB | 62.019,-7.637,-25.799 |
| CIE-LUV | 62.019,-25.914,-38.783 |
| CIE-LCH/LCHab | 62.019,26.906,253.511 |
| CIE-LUV/LCHuv | 62.019,46.644,236.25 |
| Hunter-Lab | 55.159,-9.179,-21.666 |
| YIQ | 143.702,-45.9011,0.2928 |
| YUV | 143.702,25.24484,-38.34039 |
| 网页安全色 | #6699cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#649cc3在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
649cc3色度/色彩
通过调整亮度或饱和度,可以得到#649cc3向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #427faa
#427faargb(66,127,170) - #3c759c
#3c759crgb(60,117,156) - #376a8e
#376a8ergb(55,106,142) - #316080
#316080rgb(49,96,128) - #2c5572
#2c5572rgb(44,85,114) - #274a64
#274a64rgb(39,74,100) - #214055
#214055rgb(33,64,85) - #1c3547
#1c3547rgb(28,53,71) - #162b39
#162b39rgb(22,43,57) - #11202b
#11202brgb(17,32,43) - #0b161d
#0b161drgb(11,22,29) - #060b0f
#060b0frgb(6,11,15) - #000001
#000001rgb(0,0,1)
- #488ab8
#488ab8rgb(72,138,184) - #5693be
#5693bergb(86,147,190) - #649cc3
#649cc3rgb(100,156,195) - #72a5c8
#72a5c8rgb(114,165,200) - #80aece
#80aecergb(128,174,206) - #8eb7d3
#8eb7d3rgb(142,183,211) - #9dc0d9
#9dc0d9rgb(157,192,217) - #abc9de
#abc9dergb(171,201,222) - #b9d2e4
#b9d2e4rgb(185,210,228) - #c7dbe9
#c7dbe9rgb(199,219,233) - #d5e4ef
#d5e4efrgb(213,228,239) - #e3edf4
#e3edf4rgb(227,237,244) - #f1f6fa
#f1f6fargb(241,246,250)
色调
通过添加灰色或调整饱和度,可以探索#649cc3在不同色调下的表现,从而获得更丰富的视觉情绪。
- #8d959a
#8d959argb(141,149,154) - #8596a2
#8596a2rgb(133,150,162) - #7d98aa
#7d98aargb(125,152,170) - #7599b2
#7599b2rgb(117,153,178) - #6c9bbb
#6c9bbbrgb(108,155,187) - #649cc3
#649cc3rgb(100,156,195) - #5c9dcb
#5c9dcbrgb(92,157,203) - #539fd4
#539fd4rgb(83,159,212) - #4ba0dc
#4ba0dcrgb(75,160,220) - #43a2e4
#43a2e4rgb(67,162,228) - #3ba3ec
#3ba3ecrgb(59,163,236) - #32a5f5
#32a5f5rgb(50,165,245) - #2aa6fd
#2aa6fdrgb(42,166,253)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#649cc3的相关代码。
#649cc3文本颜色
此段文字的字体颜色为#649cc3.
<span style="color:#649cc3;">文本</span>#649cc3背景颜色
此段背景颜色为#649cc3.
<p style="background-color:#649cc3;">文本</p>#649cc3边框颜色
这个边框颜色为#649cc3.
<div style="border:1px solid #649cc3;">文本</div>CSS代码
.text{color:#649cc3}.background{background-color:#649cc3}.border{border:1px solid#649cc3}
