5d93c5颜色信息
在RGB颜色空间中,#5d93c5由36.47%红色,57.65%绿色和77.25%蓝色组成,十进制红色值为93,绿色值为147,蓝色值为197。在CMKY色彩空间中,他由52.79%青色,25.38%品红色,0.0%黄色和22.75%黑色组成。最接近的网页安全颜色是:#6699cc。
- R36.5
- G57.6
- B77.3
- C52.8
- M25.4
- Y0.0
- K22.7
颜色转换
#5d93c5十进制的RGB值为R:93,G:147,B:197。CMYK值为C:52.791,M:25.381,Y:0.0,K:22.745
| RGB | 93,147,197 |
|---|---|
| 百分比 | 36.47%,57.65%,77.25% |
| 十六进制 | 5d93c5 |
| 十进制 | 6132677 |
| 二进制 | 01011101,10010011,11000101 |
| CMYK | 52.791,25.381,0.0,22.745 |
| CMYK百分比 | 53%,25%,0%,23% |
| CMY | 0.635,0.424,0.227 |
| CMY百分比 | 64%,42%,23% |
| HSL | 208.85°,47.27,56.86 |
| HSV(or HSB) | 208.85°,52.791999999999994,77.25 |
| XYZ | 25.024,27.224,56.756 |
|---|---|
| xyY | 0.23,0.25,27.224 |
| CIE-LAB | 59.181,-3.598,-31.336 |
| CIE-LUV | 59.181,-24.64,-48.043 |
| CIE-LCH/LCHab | 59.181,31.542,263.451 |
| CIE-LUV/LCHuv | 59.181,53.993,242.848 |
| Hunter-Lab | 52.177,-5.703,-27.97 |
| YIQ | 136.554,-48.2436,4.139 |
| YUV | 136.554,29.74649,-38.2105 |
| 网页安全色 | #6699cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#5d93c5在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
5d93c5色度/色彩
通过调整亮度或饱和度,可以得到#5d93c5向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #4280b9
#4280b9rgb(66,128,185) - #3d76aa
#3d76aargb(61,118,170) - #386c9c
#386c9crgb(56,108,156) - #33628d
#33628drgb(51,98,141) - #2d587f
#2d587frgb(45,88,127) - #284e70
#284e70rgb(40,78,112) - #234462
#234462rgb(35,68,98) - #1e3a54
#1e3a54rgb(30,58,84) - #193045
#193045rgb(25,48,69) - #142637
#142637rgb(20,38,55) - #0e1c28
#0e1c28rgb(14,28,40) - #09121a
#09121argb(9,18,26) - #04080b
#04080brgb(4,8,11)
- #4f89c0
#4f89c0rgb(79,137,192) - #5d93c5
#5d93c5rgb(93,147,197) - #6b9dca
#6b9dcargb(107,157,202) - #7aa6cf
#7aa6cfrgb(122,166,207) - #88b0d5
#88b0d5rgb(136,176,213) - #97bada
#97badargb(151,186,218) - #a5c3df
#a5c3dfrgb(165,195,223) - #b4cde4
#b4cde4rgb(180,205,228) - #c2d6e9
#c2d6e9rgb(194,214,233) - #d1e0ee
#d1e0eergb(209,224,238) - #dfeaf4
#dfeaf4rgb(223,234,244) - #edf3f9
#edf3f9rgb(237,243,249) - #fcfdfe
#fcfdfergb(252,253,254)
色调
通过添加灰色或调整饱和度,可以探索#5d93c5在不同色调下的表现,从而获得更丰富的视觉情绪。
- #909192
#909192rgb(144,145,146) - #87919b
#87919brgb(135,145,155) - #7f92a3
#7f92a3rgb(127,146,163) - #7692ac
#7692acrgb(118,146,172) - #6e92b4
#6e92b4rgb(110,146,180) - #6593bd
#6593bdrgb(101,147,189) - #5d93c5
#5d93c5rgb(93,147,197) - #5593cd
#5593cdrgb(85,147,205) - #4c94d6
#4c94d6rgb(76,148,214) - #4494de
#4494dergb(68,148,222) - #3b94e7
#3b94e7rgb(59,148,231) - #3395ef
#3395efrgb(51,149,239) - #2a95f8
#2a95f8rgb(42,149,248)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#5d93c5的相关代码。
#5d93c5文本颜色
此段文字的字体颜色为#5d93c5.
<span style="color:#5d93c5;">文本</span>#5d93c5背景颜色
此段背景颜色为#5d93c5.
<p style="background-color:#5d93c5;">文本</p>#5d93c5边框颜色
这个边框颜色为#5d93c5.
<div style="border:1px solid #5d93c5;">文本</div>CSS代码
.text{color:#5d93c5}.background{background-color:#5d93c5}.border{border:1px solid#5d93c5}
