caa5a0颜色信息
在RGB颜色空间中,#caa5a0由79.22%红色,64.71%绿色和62.75%蓝色组成,十进制红色值为202,绿色值为165,蓝色值为160。在CMKY色彩空间中,他由0.0%青色,18.32%品红色,20.79%黄色和20.78%黑色组成。最接近的网页安全颜色是:#cc9999。
- R79.2
- G64.7
- B62.7
- C0.0
- M18.3
- Y20.8
- K20.8
颜色转换
#caa5a0十进制的RGB值为R:202,G:165,B:160。CMYK值为C:0.0,M:18.317,Y:20.793,K:20.784
| RGB | 202,165,160 |
|---|---|
| 百分比 | 79.22%,64.71%,62.75% |
| 十六进制 | caa5a0 |
| 十进制 | 13280672 |
| 二进制 | 11001010,10100101,10100000 |
| CMYK | 0.0,18.317,20.793,20.784 |
| CMYK百分比 | 0%,18%,21%,21% |
| CMY | 0.208,0.353,0.373 |
| CMY百分比 | 21%,35%,37% |
| HSL | 7.14°,28.38,70.98 |
| HSV(or HSB) | 7.14°,20.791999999999998,79.22 |
| XYZ | 44.157,42.006,39.038 |
|---|---|
| xyY | 0.353,0.336,42.006 |
| CIE-LAB | 70.875,12.787,7.703 |
| CIE-LUV | 70.875,23.361,8.653 |
| CIE-LCH/LCHab | 70.875,14.928,31.067 |
| CIE-LUV/LCHuv | 70.875,24.912,20.325 |
| Hunter-Lab | 64.812,8.192,9.657 |
| YIQ | 175.493,23.6548,6.2695 |
| YUV | 175.493,-7.62216,23.25505 |
| 网页安全色 | #cc9999 |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
正三角形(三元)配色
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#caa5a0在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
caa5a0色度/色彩
通过调整亮度或饱和度,可以得到#caa5a0向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #9d6057
#9d6057rgb(157,96,87) - #905850
#905850rgb(144,88,80) - #845049
#845049rgb(132,80,73) - #774942
#774942rgb(119,73,66) - #6a413b
#6a413brgb(106,65,59) - #5e3934
#5e3934rgb(94,57,52) - #51322d
#51322drgb(81,50,45) - #452a26
#452a26rgb(69,42,38) - #38221f
#38221frgb(56,34,31) - #2c1b18
#2c1b18rgb(44,27,24) - #1f1311
#1f1311rgb(31,19,17) - #120b0a
#120b0argb(18,11,10) - #060303
#060303rgb(6,3,3)
- #a76961
#a76961rgb(167,105,97) - #ae756e
#ae756ergb(174,117,110) - #b5817a
#b5817argb(181,129,122) - #bc8d87
#bc8d87rgb(188,141,135) - #c39993
#c39993rgb(195,153,147) - #caa5a0
#caa5a0rgb(202,165,160) - #d1b1ad
#d1b1adrgb(209,177,173) - #d8bdb9
#d8bdb9rgb(216,189,185) - #dfc9c6
#dfc9c6rgb(223,201,198) - #e6d5d2
#e6d5d2rgb(230,213,210) - #ede1df
#ede1dfrgb(237,225,223) - #f4edec
#f4edecrgb(244,237,236) - #fbf8f8
#fbf8f8rgb(251,248,248)
色调
通过添加灰色或调整饱和度,可以探索#caa5a0在不同色调下的表现,从而获得更丰富的视觉情绪。
- #b9b2b1
#b9b2b1rgb(185,178,177) - #bfaeab
#bfaeabrgb(191,174,171) - #c4a9a6
#c4a9a6rgb(196,169,166) - #caa5a0
#caa5a0rgb(202,165,160) - #d0a19a
#d0a19argb(208,161,154) - #d59c95
#d59c95rgb(213,156,149) - #db988f
#db988frgb(219,152,143) - #e19489
#e19489rgb(225,148,137) - #e68f84
#e68f84rgb(230,143,132) - #ec8b7e
#ec8b7ergb(236,139,126) - #f28778
#f28778rgb(242,135,120) - #f88272
#f88272rgb(248,130,114) - #fd7e6d
#fd7e6drgb(253,126,109)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#caa5a0的相关代码。
#caa5a0文本颜色
此段文字的字体颜色为#caa5a0.
<span style="color:#caa5a0;">文本</span>#caa5a0背景颜色
此段背景颜色为#caa5a0.
<p style="background-color:#caa5a0;">文本</p>#caa5a0边框颜色
这个边框颜色为#caa5a0.
<div style="border:1px solid #caa5a0;">文本</div>CSS代码
.text{color:#caa5a0}.background{background-color:#caa5a0}.border{border:1px solid#caa5a0}
