颜色转换
颜色转换 for #503CC3 颜色
用于比较屏幕、涂料、调色板和数字素材的完整数值资料。
颜色空间
| RGB | 80 | 60 | 195 | |
|---|---|---|---|---|
| HSL | 248.89° | 52.94% | 50% | |
| HSV | 248.89° | 69.23% | 76.47% | |
| CMYK | 58.97% | 69.23% | 0% | 23.53% |
| XYZ | 14.7714 | 8.8763 | 52.5541 | |
| Yxy | 8.8763 | 0.1938 | 0.1165 | |
| Hunter Lab | 29.7931 | 36.3615 | -83.6895 | |
| CIE-Lab | 35.745 | 45.7828 | -67.6685 | |
| CIE-LCH | 35.745 | 81.7012 | 304.0813 | |
| CIE-LUV | 35.745 | -2.0832 | -96.1473 |
进制数值
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010000 | 00111100 | 11000011 |
| Octal | 120 | 74 | 303 |
| Decimal | 80 | 60 | 195 |
| Hex | 50 | 3C | C3 |
RGB 比例
CMYK 比例
暗色阶 #503CC3
浅色阶 #503CC3
和谐
配色方案
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#503CC3 颜色 黑色背景
#503CC3 颜色 示例文字
#503CC3 颜色 白色背景
#503CC3 颜色 示例文字
#503CC3 CSS 代码
.background { background-color: #503CC3; }
.text { color: #503CC3; }
.border { border: 3px solid #503CC3; }
.shadow { box-shadow: 0 8px 28px rgba(80, 60, 195, 0.35); }CSS 预览
可访问性
白底对比7.56:1AAA
黑底对比2.78:1较弱
网页安全色#6633CCNear
亮度0.08880-1
语言
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#503CC3 color
PortuguêsCor #503CC3
EspañolColor #503CC3
한국어#503CC3 색상
日本語#503CC3 の色
中文#503CC3 颜色
DeutschFarbe #503CC3
FrançaisCouleur #503CC3
组合
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #503CC3 颜色.
相近颜色
See 蓝色系